1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>网站首页</title> 6 <style> 7 </style> 8 </head> 9 <body> 10 <select id="yy"></select>年 11 <select id="mm"></select>月 12 <select id="dd"></select>日 13 </body> 14 </html> 15 <script> 16 function $(id){ 17 return document.getElementById(id); 18 } 19 function list(id,start,end){ 20 var d=new Date(); 21 var o=$(id); 22 o.options.length=end-start+1; 23 for(var i=0;i<o.options.length;i++){ 24 var tt=start+i; 25 o.options[i].text=tt; 26 o.options[i].value=tt; 27 if(tt==d.getFullYear()){ 28 o.options[i].selected=true; 29 }else if(tt==d.getMonth()+1){ 30 o.options[i].selected=true; 31 }else if(tt==d.getDate()){ 32 o.options[i].selected=true; } 33 } 34 } 35 //此段代码控制对应的年月日有对应的日期 36 list('yy',2000,2015); 37 list('mm',1,12); 38 list('dd',1,31); 39 $('mm').onchange=$('yy').onchange=function(){ 40 var da=new Date($('yy').value,$('mm').value,0) 41 list('dd',1,da.getDate()); 42 } 43 </script>
