首页 > Web开发 > 详细

js实例8日期的选择

时间:2016-12-16 23:11:38      阅读:286      评论:0      收藏:0      [点我收藏+]

 

<body>

<select id="nian" onclick="biantian()"></select>年
<select id="yue" onclick="biantian()"></select>月
<select id="tian"></select>日

<script type="text/javascript">
FillNian();
FillYue();
FillTian();
function FillNian()
{
var b = new Date(); //获取当前时间
var nian = parseInt(b.getFullYear());

var str = "";

for(var i=nian-5;i<nian+6;i++)
{
str = str+"<option value=‘"+i+"‘>"+i+"</option>";
}

document.getElementById("nian").innerHTML = str;

}

function FillYue()
{
var str = "";
for(var i=1;i<13;i++)
{
str = str+"<option value=‘"+i+"‘>"+i+"</option>";
}
document.getElementById("yue").innerHTML = str;
}

function FillTian()
{
var yue = document.getElementById("yue").value;
var nian = document.getElementById("nian").value;
var ts = 31;

if(yue==4 || yue==6 || yue==9 || yue==11)
{
ts=30;
}

if(yue==2)
{
if((nian%4==0 && nian%100 != 0) || nian%400==0)
{
ts = 29;
}
else
{
ts = 28;
}
}

var str = "";
for(var i=1;i<ts+1;i++)
{
str = str+"<option value=‘"+i+"‘>"+i+"</option>";
}
document.getElementById("tian").innerHTML = str;



}


function biantian()
{
FillTian();
}
</script>
</body>

js实例8日期的选择

原文:http://www.cnblogs.com/qdlj/p/6188503.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!