IT_Programming/JavaScript

날짜 선택 셀렉트박스

JJun ™ 2006. 4. 26. 01:33

입력폼 중에서 간단하게 날짜입력할수 있는 셀렉트박스폼

결과 :

 

 

소스 :

 <select name="year">
 <option value=''>-----</option>
 <script LANGUAGE="JavaScript">
 <!--
 var date = new Date();
 var nyy = date.getYear();
 for(i=nyy;i<=nyy+1;i++) {
  document.write("<option value='"+ i +"'>"+ i +"</option>");
 }
 //-->
 </script>
 </select> 년
 <select name="month">
 <option value=''>---</option>
 <script LANGUAGE="JavaScript">
 <!--
 for(i=1;i<=12;i++) {
  if(i < 10) j = "0"+i;
  else j = i;
  document.write("<option value='"+ j +"'>"+ j +"</option>");
 }
 //-->
 </script>
 </select> 월
 <select name="day">
 <option value=''>---</option>
 <script LANGUAGE="JavaScript">
 <!--
 for(i=1;i<=31;i++) {
  if(i < 10) j = "0"+i;
  else j = i;
  document.write("<option value='"+ j +"'>"+ j +"</option>");
 }
 //-->
 </script>
 </select> 일
 <select name="hour">
 <option value=''>---</option>
 <script LANGUAGE="JavaScript">
 <!--
 for(i=0;i<=23;i++) {
  if(i < 10) i = "0"+i;
  document.write("<option value='"+ i +"'>"+ i +"</option>");
 }
 //-->
 </script>
 </select> 시
 <select name="min">
 <option value=''>---</option>
 <script LANGUAGE="JavaScript">
 <!--
 for(i=0;i<=55;i+=5) {
  if(i < 10) j = "0" + i;
  else j = i;
  document.write("<option value='"+ j +"'>"+ j +"</option>");
 }
 //-->
 </script>
 </select> 분