日期:2014-05-16  浏览次数:20419 次

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(&qu