`
tiehao
  • 浏览: 32155 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

日期三级联动 转载

JavaScriptHTML.net 
阅读更多

来源：[url]http://www.wangchao.net.cn/bbsdetail_876.html[/url]

<html>
　　<head>
　　<title>年月日三下拉框联动</title>
　　<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
　　</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-30); 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);
　　}
　　//--></script>
　</body>
</html>

 

分享到：
| p屏蔽鼠标右键
评论
发表评论

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

相关推荐

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