`

年月日 3下拉框联动

 
阅读更多
<html>
　　<head>
　　<title>年月日三下拉框联动</title>
　　<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
　　<meta name='author' content='F.R.Huang(meizz梅花雨)//www.meizz.com'>
　　</head>
　　<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)">
　　<form name=form1>
　　 起始时间：
　　 <select name=SYear onchange="YYYYDD(this.value,document.form1.SMonth,document.form1.SDay)">
　　 <option value="">年</option>
　　 </select>年
　　 <select name=SMonth onchange="MMDD(this.value,document.form1.SYear,document.form1.SDay)">
　　 <option value="">月</option>
　　 </select>月
　　 <select name=SDay>
　　 <option value="">日</option>
　　 </select>日<br><br>
　　 完成时间：
　　 <select name=EYear onchange="YYYYDD(this.value,document.form1.EMonth,document.form1.EDay)">
　　 <option value="">年</option>
　　 </select>年
　　 <select name=EMonth onchange="MMDD(this.value,document.form1.EYear,document.form1.EDay)">
　　 <option value="">月</option>
　　 </select>月
　　 <select name=EDay>
　　 <option value="">日</option>
　　 </select>日 
　　</form>
　　<script language="JavaScript"><!--
　　function YYYYMMDDstart(form,year,month,day)
　　{
　　 MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
　　 //先给年下拉框赋内容
　　 var y = new Date().getFullYear();
　　 for (var i = (y-3); i < (y+5); i++) //以今年为准，前30年，后30年
　　 year.options.add(new Option(i,i));
　　 //赋月份的下拉框
　　 for (var i = 1; i < 13; i++)
　　 month.options.add(new Option(i,i));
　　 year.value = y;
　　 month.value = new Date().getMonth() + 1;
　　 var n = MonHead[new Date().getMonth()];
　　 if (new Date().getMonth() ==1 && IsPinYear(year.options[year.selectedIndex].value)) n++;
　　 writeDay(n,day); //赋日期下拉框Author:meizz
　　 day.value = new Date().getDate();
　　}
　　function YYYYDD(str,month,day) //年发生变化时日期发生变化(主要是判断闰平年)
　　{
　　 var MMvalue = month.options[month.selectedIndex].value;
　　 if (MMvalue == "" ){ var e = day; optionsClear(e); return;}
　　 var n = MonHead[MMvalue - 1];
　　 if (MMvalue ==2 && IsPinYear(str)) n++;
　　 writeDay(n,day)
　　}
　　function MMDD(str,year,day) //月发生变化时日期联动
　　{
　　 var YYYYvalue = year.options[year.selectedIndex].value;
　　 if (YYYYvalue == "" ){ var e = day; optionsClear(e); return;}
　　 var n = MonHead[str - 1];
　　 if (str ==2 && IsPinYear(YYYYvalue)) n++;
　　 writeDay(n,day)
　　}
　　function writeDay(n,day) //据条件写日期的下拉框
　　{
　　 var e = day; optionsClear(e);
　　 for (var i=1; i<(n+1); i++)
　　 e.options.add(new Option(i,i));
　　}
　　function IsPinYear(year)//判断是否闰平年
　　{ return(0 == year%4 && (year%100 !=0 || year%400 == 0));}
　　function optionsClear(e)
　　{
　　 for (var i=e.options.length; i>0; i--)
　　 e.remove(i);
　　}
　　function compDate(SY,SM,SD,EY,EM,ED)
　　{
　　}
　　//--></script>
　　</body>
　　</html>

分享到：
| js模拟对话框
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics