年月日三下拉框联动 JS 

 1 <html>
 2 　　<head>
 3 　　<title>年月日三下拉框联动 - www.aspxhome.com</title>
 4 　　<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
 5 　　<meta name='author' content='F.R.Huang(meizz梅花雨)//www.meizz.com'>
 6 　　</head>
 7 　　<body onload="YYYYMMDDstart(document.form1,document.form1.SYear,document.form1.SMonth,document.form1.SDay),YYYYMMDDstart(document.form1,document.form1.EYear,document.form1.EMonth,document.form1.EDay)">
 8 　　<form name=form1>
 9 　　 起始时间：
10 　　 <select name=SYear onchange="YYYYDD(this.value,document.form1.SMonth,document.form1.SDay)">
11 　　 <option value="">年</option>
12 　　 </select>年
13 　　 <select name=SMonth onchange="MMDD(this.value,document.form1.SYear,document.form1.SDay)">
14 　　 <option value="">月</option>
15 　　 </select>月
16 　　 <select name=SDay>
17 　　 <option value="">日</option>
18 　　 </select>日<br><br>
19 　　 完成时间：
20 　　 <select name=EYear onchange="YYYYDD(this.value,document.form1.EMonth,document.form1.EDay)">
21 　　 <option value="">年</option>
22 　　 </select>年
23 　　 <select name=EMonth onchange="MMDD(this.value,document.form1.EYear,document.form1.EDay)">
24 　　 <option value="">月</option>
25 　　 </select>月
26 　　 <select name=EDay>
27 　　 <option value="">日</option>
28 　　 </select>日  
29 　　</form>
30 　　<script language="JavaScript"><!--
31 　　function YYYYMMDDstart(form,year,month,day)
32 　　{
33 　　 MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
34 　　 //先给年下拉框赋内容
35 　　 var y = new Date().getFullYear();
36 　　 for (var i = (y-3); i < (y+5); i++) //以今年为准，前30年，后30年
37 　　 year.options.add(new Option(i,i));
38 　　 //赋月份的下拉框
39 　　 for (var i = 1; i < 13; i++)
40 　　 month.options.add(new Option(i,i));
41 　　 year.value = y;
42 　　 month.value = new Date().getMonth() + 1;
43 　　 var n = MonHead[new Date().getMonth()];
44 　　 if (new Date().getMonth() ==1 && IsPinYear(year.options[year.selectedIndex].value)) n++;
45 　　 writeDay(n,day); //赋日期下拉框Author:meizz
46 　　 day.value = new Date().getDate();
47 　　}
48 　　function YYYYDD(str,month,day) //年发生变化时日期发生变化(主要是判断闰平年)
49 　　{
50 　　 var MMvalue = month.options[month.selectedIndex].value;
51 　　 if (MMvalue == "" ){ var e = day; optionsClear(e); return;}
52 　　 var n = MonHead[MMvalue - 1];
53 　　 if (MMvalue ==2 && IsPinYear(str)) n++;
54 　　 writeDay(n,day)
55 　　}
56 　　function MMDD(str,year,day) //月发生变化时日期联动
57 　　{
58 　　 var YYYYvalue = year.options[year.selectedIndex].value;
59 　　 if (YYYYvalue == "" ){ var e = day; optionsClear(e); return;}
60 　　 var n = MonHead[str - 1];
61 　　 if (str ==2 && IsPinYear(YYYYvalue)) n++;
62 　　 writeDay(n,day)
63 　　}
64 　　function writeDay(n,day) //据条件写日期的下拉框
65 　　{
66 　　 var e = day; optionsClear(e);
67 　　 for (var i=1; i<(n+1); i++)
68 　　 e.options.add(new Option(i,i));
69 　　}
70 　　function IsPinYear(year)//判断是否闰平年
71 　　{ return(0 == year%4 && (year%100 !=0 || year%400 == 0));}
72 　　function optionsClear(e)
73 　　{
74 　　 for (var i=e.options.length; i>0; i--)
75 　　 e.remove(i);
76 　　}
77 　　function compDate(SY,SM,SD,EY,EM,ED)
78 　　{
79 　　}
80 　　//--></script>
81 　　</body>
82 　　</html>

 

posted @ 2013-05-29 13:36  mushishi  阅读(340)  评论(0)  编辑  收藏  举报