2008-03-19

自己写的一个用js实现选择年月日（耦合性有点高，有待调整）

<head>
<title>显示年月日任你选择！</title>
<SCRIPT language="JavaScript">
function addYear(ojb){
for(i=2000;i<=2050;i++){
temp = document.createElement("option");
temp.text=i;
temp.value=i;
ojb.options.add(temp);
}
}
function addMonth(ojb){
for(i=1;i<=12;i++){
temp = document.createElement("option");
temp.text=i;
temp.value=i;
ojb.options.add(temp);
}
}

function addDay(year,month,day){
//judge year is 闰年
if(month.value == '' || year.value == ''){
return;
}
var isYear;
if(year.value % 4 == 0 && year.value % 100 != 0){
isYear = true;
}else{
isYear = false;
}
if(month.value == 1 || month.value == 3 || month.value == 5 || month.value == 7 || month.value == 8 ||
month.value == 10 || month.value == 12){
for(i=1;i<=31;i++){
temp = document.createElement("option");
temp.text=i;
temp.value=i;
day.options.add(temp);
}
}else if(month.value == 2){
if(isYear == true){
for(i=1;i<=29;i++){
temp = document.createElement("option");
temp.text=i;
temp.value=i;
day.options.add(temp);
}
}else{
for(i=1;i<=28;i++){
temp = document.createElement("option");
temp.text=i;
temp.value=i;
day.options.add(temp);
}
}
}else{
for(i=1;i<=30;i++){
temp = document.createElement("option");
temp.text=i;
temp.value=i;
day.options.add(temp);
}
}
}


</SCRIPT>
</head>
<body onload="addYear(year);">
显示年月日任你选择！<hr>
<select name="year" onchange="addMonth(month);addDay(year,month,day);">
<option>请选择
</option>
</select>

<select name="month" onchange="addDay(year,month,day);">
<option>请选择
</option>
</select>

<select name="day">
<option>请选择
</option>
</select>

</body>
</html>
评论
发表评论

您还没有登录，请登录后发表评论

harrison2010
搜索本博客
最近加入圈子
存档
最新评论