神秘原因，天数不规范
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>年月日</title>
<script language="javascript">
function append(d,v){
var option=document.createElement("option");//创建元素 option
option.value=v;//把参数 v 作为元素的值
option.innerText=v+"日";//把参数 v 作为元素的显示内容
d.appendChild(option);//把元素 option 作为参数 d 的子节点 }
function getday(){
var y=form1.year.value;//取得年份的值
var m=form1.month.value;//取得月份的值
var d=document.getElementById("day");//定位到 id=day 的节点
d.innerHTML="";//把 id=day 节点的内容清空
if(m==4 || m==6 || m==9 || m==11){//如果月份的值是 4 或 6 或 9 或 11
for(j=1;j<=30;j++){
append(d,j);//把 1 到 30 循环加到天数当中
}
}else if(m==2){//如果月份的值是 2
if(y%4==0 || y%400==0 && y%100!=0){//如果年份是闰年
for(j=1;j<=29;j++){
append(d,j);//把 1 到 29 循环加到天数当中
}
}else{
for(j=1;j<=28;j++){
append(d,j);//不是闰年就把 1 到 28 循环加到天数当中
} }
}else{//否则如果月份的值是 1 或 3 或 5 或 7 或 8 或 10 或 12
for(j=1;j<=31;j++){ append(d,j);//把 1 到 31 循环加到天数当中
} } } </script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<select name="year" id="year" onchange="getday()"><script language="javascript">
var mydate=new Date();
for(i=1990;i<=mydate.getFullYear();i++){
document.write("<option value='"+i+"' "+(i==1986?"selected":"")+">"+i+"年</option>");}
</script></select>
<select name="month" id="month" onchange="getday()"><script language="javascript">
for(i=1;i<=12;i++){
document.write("<option value='"+i+"' "+(i==1?"selected":"")+">"+i+"月</option>");}
</script></select>
<select name="day" id="day"><script language="javascript">
for(i=1;i<=31;i++){
document.write("<option value='"+i+"' "+(i==1?"selected":"")+">"+i+"日</option>");}
</script></select>
</form>
</body>
</html>
网友评论