<title>显示日期</title>
<style type="text/css">
#div
{
400px;
height:60px;
line-height:60px;
background:#FFFFCC;
border:1px #0099CC solid;
margin:0px auto;
padding:15px;
}
</style>
<script type="text/javascript">
function createOption(v_1,v_2)
{
var obj=document.createElement("option");
obj.value=v_1;
obj.text=v_2;
return obj;
}
function addYearMonth()
{
var year=document.getElementById("Year");
var month=document.getElementById("Month");
for(var i=2010;i>1900;i--)
{
year.add(createOption(i,i));
}
for(var i=1;i<=12;i++)
{
month.add(createOption(i,i));
}
}
function addDay()
{
var year=parseInt(document.getElementById("Year").value);
var month=parseInt(document.getElementById("Month").value);
var day=document.getElementById("Day");
var flag=false;
if(year%400==0||(year%4==0&&year%100!=0))
{
flag=true;
}
var number=0;
if(month==1||month==3||month==5||month==7||month==8||month==10||month==12)
{
number=31;
}
else if(month==2)
{
if(flag)
{
number=29;
}
else
{
number=28;
}
}
else
{
number=30;
}
while(day.options.length>0)
{
day.remove(day.options[day.options.length-1]);
}
for(var i=1;i<=number;i++)
{
day.add(createOption(i,i));
}
}
</script>
</head>
<body onload="addYearMonth();">
<div id="div">
<select id="Year">
<option value="0">--请选择--</option>
</select>
<strong>年</strong>
<select id="Month" onchange="addDay();">
<option value="0">--请选择--</option>
</select>
<strong>月</strong>
<select id="Day">
<option value="0">--请选择--</option>
</select>
<strong>日</strong>
</div>
</body>