代码如下,主要是这么实现的,日期不是通过闰年判断,而是判断该年该月的最后一天,然后从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];