避免用户输入日期时出错，用下拉列表选择日期，尽量减少用户手工输入。这样可以减少对日期的判断.
下面的代码输入的效果就是有三个下拉列表，分别是'year','month'和'day'，单击下拉列表可以对日期进行选择：（自己写的，如果有更简单的，请同志们留言分享一下）
<html><head>
<script language="javascript">
function getobj(id){
return document.getElementById(id);
}
function list(){
var date=new Date();
var le1=date.getFullYear()-1970;
addlist('year',1970,le1);
addlist('month',1,12);
addlist('day',1,31);
}
function febday(){//判断不同的情况下二月的天数，并更改日的列表项中的内容
var year=getobj('year').value;
var month=getobj('month').value;
var bigm=new Array('1','3','5','7','8','10','12');
var bigstr=bigm.join('-');
var smallm=new Array('4','6','9','10');
var smallstr=smallm.join('-');
if(bigstr.indexOf(month)>-1)
addlist('day',1,31);
if(smallstr.indexOf(month)>-1)
day(30);
if(month=='2'){
if(isRui(year)){
day(29);
}else{
day(28);
}
}
}
function day(num){//改变二月的天数
var list=getobj('day');
var listlen=list.options.length;
for(var i=listlen-1;i>=num;i--){
list.options[i]=null;
}
}
function isRui(year){//是否是闰年
if((year%400==0)||(year%4==0 && year/100!=0))
return true;
return false;
}
function addlist(obj,begin,length){//为列表项中批量添加项目
var list=getobj(obj);
for(var i=0;i<length;i++){
var num=i+begin;
list.options[i]=new Option(num,num);
}
}
</script>
</head>
<body οnlοad="list();">
<form name="form" id="form">
<select id="year" name="year" οnchange="febday();">
</select>年
<select name="month" id="month" οnchange="febday();">
</select>月
<select name="day" id="day">
</select>日
</form>
</body>
</html>
890
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
