选择器
1 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 4 <title>无标题文档</title> 5 <select id="nian" onclick="biantian()"></select>年 6 <select id="yue" onclick="biantian()"></select>月 7 <select id="tian"></select>日 8 9 <script type="text/javascript"> 10 FillNian(); 11 FillYue(); 12 FillTian(); 13 function FillNian() 14 { 15 var b = new Date(); 16 var nian = parseInt(b.getFullYear()); 17 18 var str = ""; 19 20 for(var i=nian-5;i<nian+6;i++) 21 { 22 str = str+"<option value='"+i+"'>"+i+"</option>"; 23 } 24 25 document.getElementById("nian").innerHTML = str; 26 27 } 28 29 //月数 30 function FillYue() 31 { 32 var str = ""; 33 for(var i=1;i<13;i++) 34 { 35 str = str+"<option value='"+i+"'>"+i+"</option>"; 36 } 37 document.getElementById("yue").innerHTML = str; 38 } 39 40 //每月天数的变化 41 function FillTian() 42 { 43 var yue = document.getElementById("yue").value; 44 var nian = document.getElementById("nian").value; 45 var ts = 31; 46 47 //30号的月数 48 if(yue==4 || yue==6 || yue==9 || yue==11) 49 { 50 ts=30; 51 } 52 53 //2月不同年的天 54 if(yue==2) 55 { 56 if((nian%4==0 && nian%100 != 0) || nian%400==0) 57 { 58 ts = 29; 59 } 60 else 61 { 62 ts = 28; 63 } 64 } 65 66 var str = ""; 67 for(var i=1;i<ts+1;i++) 68 { 69 str = str+"<option value='"+i+"'>"+i+"</option>"; 70 } 71 document.getElementById("tian").innerHTML = str; 72 } 73 74 75 function biantian() 76 { 77 FillTian(); 78 } 79 </script> 80 81 </body> 82 </html>