js实例8日期的选择
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js实例8日期的选择相关的知识,希望对你有一定的参考价值。
<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日期的选择的主要内容,如果未能解决你的问题,请参考以下文章