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

最新推荐文章于 2020-12-12 10:26:41 发布

Maopretty

最新推荐文章于 2020-12-12 10:26:41 发布

阅读量200

点赞数

分类专栏： js 文章标签： javascript ViewUI

js 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<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 οnlοad="addYear(year);">
显示年月日任你选择！<hr>
<select name="year" οnchange="addMonth(month);addDay(year,month,day);">
<option>请选择
</option>
</select>

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

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

</body>
</html>