> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트 드롭다운 상자에 현재 날짜_시간 및 날짜가 표시됩니다.

자바스크립트 드롭다운 상자에 현재 날짜_시간 및 날짜가 표시됩니다.

WBOY
풀어 주다: 2016-05-16 19:07:47
원래의
1549명이 탐색했습니다.

추가해야 할 곳:

코드 복사 코드는 다음과 같습니다.

<옵션 값="2010">2010
<옵션 값="2011">2011
<옵션 값="2012">2012

테스트 코드:

코드 복사 코드는 다음과 같습니다.






* 您消费的时间












* 您消费的时间











<script> <br>var today=new Date()//시간 객체 정의<br>var yy=today.getYear() <br> var mm=today.getMonth() 1 <br>var dd=today.getDate() <br>var h=today.getHours()//시간 정의 <br>var m=today.getMinutes()//분 정의 <br>document.getElementById("연도").options(yy-2007).selected=1 <br>document.getElementById("months").options(mm-1).selected=1 <br>document.getElementById ("일").options(dd-1).selected=1 <br>document.getElementById("시간").options(h).selected=1 <br>document.getElementById("mins").options( m).selected=1 <br></script>



두 번째 방법: 연도를 미리 작성할 필요가 없습니다. , 확장성 향상

[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]

세 번째 방법: can 하지만 프로그래밍 아이디어는 괜찮습니다. 정식으로 사용한다면 두 번째 방법을 사용하는 것이 좋습니다. 코드는 다음과 같습니다.




<br></head> <br><body> <br>< 스크립트> <br>function setDay(obj){ <br>obj = obj.form <br>var year=parseInt(obj.years.options[obj.years. selectedIndex].value); <br>varmonths=parseInt(obj.months.selectedIndex].value); <br>if(obj.years.selectedIndex==0 || obj.months.selectedIndex ==0)return; <br>var lastday = Monthday(년,월); <br>var itemnum = obj.days.length; <br>if (lastday - 1 < obj.days.selectedIndex) <BR> { <BR>obj.days.selectedIndex = lastday - 1; <BR>} <BR>obj.days.length = lastday; <BR>for(cnt = itemnum 1;cnt <= lastday;cnt ) <BR> { <BR>obj.days.options[cnt - 1].text = cnt; <BR>} <BR>} <BR>function Monthday(년,월) <BR>{ <BR>var lastday = new Array( 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31) <BR>if (((년 % 4 == 0) && (년 % 100 != 0)) | | (년 % 400 == 0)) <BR>{ <BR>lastday[1] = 29; <BR>} <BR>return lastday[months - 1] <BR>} <BR>function forto(ff ,to) <BR>{ <BR>document.write('<OPTION value=""></OPTION>') <br>for(var ii=ff; ii<=to; ii ) <BR>document.write('<OPTION value= "' ii '">' ii '</OPTION>') <br>} <br>function a() <br>{ <br>alert( document.all("years").value "연도" document.all("months").value "month" document.all("days").value "day") <br>} <br>< /script> <br><FORM> <br><SELECT name="years" onChange="setDay(this);"><br><script>forto(1990,2030)</script> <br></SELECT>연도<br> <SELECT name="months" onChange="setDay(this);"> <br><script>forto(1,12)</script> 🎜></SELECT>월<br>< ;SELECT name="days"></SELECT>일<br></form> <br></body> ; <br><br><br><br>
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿