首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

JS做的年月日为啥联动不了,帮忙看上

2012-08-08 
JS做的年月日为啥联动不了,帮忙看下代码如下,主要是这么实现的,日期不是通过闰年判断,而是判断该年该月的

JS做的年月日为啥联动不了,帮忙看下
代码如下,主要是这么实现的,日期不是通过闰年判断,而是判断该年该月的最后一天,然后从1到最后一天,实现联动,点击年或者月,日期就跟着联动,现在是联动不了,帮忙看下哪里问题,谢谢

JScript code
var ystWin = null;function initYstWin(mm) {    if (ystWin == null) {        var inner = "<div id='chart1div'></div>"            +"<select id='year' onClick='datechange();'>"            +"<option ></option>"+"</select>年"            +"<select id='yue' onClick='datechange();'>"            +"<option ></option>"+"</select>月"            +"<select id='ri'>"            +"<option value='all'>--</option>"+"</select>日"             ;            }    intyear();    }//初始化年月日function intyear(){    //先给年下拉框赋内容    var y = new Date().getFullYear();    var str="";    str += "<option value='" + y + "'>" + y + "</option>"    for (var i = (y-5); i < (y+5); i++) //以今年为准,前5年,后5年      {    str += "<option value='" + i + "'> " + i + "</option>\r\n";    }    $("#year").html(str);        //赋月份的下拉框    var m = new Date().getMonth() + 1;    var str="";    m=m>9?(m+""):("0"+m);    str += "<option value='" + m + "'>" + m + "</option>"    for (var i = 1; i < 13; i++)     {        i=i>9?(i+""):("0"+i);        str += "<option value='" + i + "'> " + i + "</option>\r\n";    }    $("#yue").html(str);        //赋日期的下拉框    var day = new Date(y, m, 0);    var ri = day.getDate();// 获取当月最后一天日期    var str="";    str = "<option value='all'>--</option>"    for (var i = 1; i < (ri+1); i++)     {        i=i>9?(i+""):("0"+i);        str += "<option value='" + i + "'> " + i + "</option>\r\n";    }    $("#ri").html(str);    datechange();}function datechange() //年月发生变化时日期发生变化,联动{       //赋日期的下拉框    var y=$("#year").val();    var m=$("#yue").val();    var day = new Date(y, m, 0);//获取当前年和月的下拉框的值,    var ri = day.getDate();// 获取该年月最后一天日期    var str="";    //var r=new Date().getDate();    str = "<option value='all'>--</option>"    for (var i = 1; i < (ri+1); i++)     {        i=i>9?(i+""):("0"+i);        str += "<option value='" + i + "'> " + i + "</option>\r\n";    }    $("#ri").html(str);}


[解决办法]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function initYear(){
var se=document.getElementById("year");
se.onchange=changeDay;
for(var i=1985;i<=2012;i++){
var option=new Option(i,i);
se[se.length]=option;
}
}
function initMonth(){
var se=document.getElementById("month");
se.onchange=changeDay;
for(var i=1;i<=12;i++){
var option=new Option(i,i);
se[se.length]=option;
}
}
function changeDay(){
var year=document.getElementById("year").value;
var month=document.getElementById("month").value;
var day1=[31,28,31,30,31,30,31,31,30,31,30,31];


var day2=[31,29,31,30,31,30,31,31,30,31,30,31];
var num=0;
if(year%4==0){//闰年自己判断一下吧
num=day2[month-1];
}else{
num=day1[month-1]
}
var se=document.getElementById("day");
for(var i=1;i<=num;i++){
var option=new Option(i,i);
se[se.length]=option;
}
}
window.onload=function(){
initYear();
initMonth();
}
</script>
</head>

<body>
<select id="year"></select>
<select id="month"></select>
<select id="day"></select>
</body>
</html>
这样试试

热点排行