码迷,mamicode.com
首页 > Web开发 > 详细

js实例8日期的选择

时间:2016-12-16 23:13:36      阅读:270      评论:0      收藏:0      [点我收藏+]

标签:for   date   str   cli   i++   实例   ext   fill   type   

 

<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日期的选择

标签:for   date   str   cli   i++   实例   ext   fill   type   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!