<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> </style> </head> <body> <!--<span id="s"></span>--> <select id="nian" onclick="Bian()"></select>年 <select id="yue" onclick="Bian()"></select>月 <select id="ri"></select>日 </body> <script type="text/javascript"> /*function S() { var d = new Date(); //年 var n = d.getFullYear(); //月 var y = d.getMonth()+1; //日 var r = d.getDate(); //小时 var x = d.getHours(); //分钟 var m = d.getMinutes(); //秒数 var s = d.getSeconds(); var str = n+"年"+y+"月"+r+"日"+x+"时"+m+"分"+s+"秒"; document.getElementById("s").innerHTML = str; } window.setInterval("S()",0);*/ Nian(); Yue(); Tian(); //补充年份 function Nian() { //获取当前日期 var d = new Date(); var n = parseInt(d.getFullYear()); var str = ""; for(var i=n-5;i<n+6;i++) { if(i==n) { str += "<option selected='selected'>"+i+"</option>"; } else { str += "<option>"+i+"</option>"; } } document.getElementById("nian").innerHTML = str; } //补充月份 function Yue() { var d = new Date(); var y = parseInt(d.getMonth()+1); var str = ""; for(var i=1;i<13;i++) { if(i==y) { str += "<option selected='selected'>"+i+"</option>"; } else { str += "<option>"+i+"</option>"; } } document.getElementById("yue").innerHTML = str; } //补充天数 function Tian() { var d = new Date(); var t = parseInt(d.getDate()); var n = document.getElementById("nian").value; var y = document.getElementById("yue").value; //alert(n); var ts = 31; //30天 if(y==4 || y==6 || y==9 || y==11) { ts = 30; } //29或28 if(y==2) { if((n%4==0 && n%100!=0) || n%400==0) { ts=29; } else { ts=28; } } var str = ""; for(var i=1;i<ts+1;i++) { if(i==t) { str += "<option selected='selected'>"+i+"</option>"; } else { str += "<option>"+i+"</option>"; } } document.getElementById("ri").innerHTML = str; } function Bian() { //天 Tian(); } </script> </html>
这是这个例题的最终效果，他可以选择一个年限内的年份，而且月份可以随着年份的变化而变换，日也是。