年月日三级级联

最新推荐文章于 2023-04-19 22:13:22 发布

1361976860

最新推荐文章于 2023-04-19 22:13:22 发布

阅读量92

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yamajia/archive/2006/10/07/522569.html

版权

< html >
<head >
<title >年月日三下拉框联动 < /title >
<meta http -equiv = 'Content-Type' content = 'text/html; charset=gb2312' >
<meta name = 'author' content = 'GBK(tzol)//www.baidu.com' >
< /head >

<body >
<form name =form1 >
<select name =YYYY onchange = "YYYYDD(this.value)" >
<option value = "" >请选择年 < /option >
< /select >
<select name =MM onchange = "MMDD(this.value)" >
<option value = "" >选择月 < /option >
< /select >
<select name =DD >
<option value = "" >选择日 < /option >
< /select >
< /form >

<script language = "JavaScript" > < ! - -
function YYYYMMDDstart ( )
{
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 +30 ) ; i + + ) //以今年为准，前30年，后30年
document .form1 .YYYY .options . add ( new Option ( " " + i + " 年" , i ) ) ;

//赋月份的下拉框
for ( var i = 1 ; i < 13 ; i + + )
document .form1 .MM .options . add ( new Option ( " " + i + " 月" , i ) ) ;

document .form1 .YYYY .value = y ;
document .form1 .MM .value = new Date ( ) . getMonth ( ) + 1 ;
var n = MonHead [ new Date ( ) . getMonth ( ) ] ;
if ( new Date ( ) . getMonth ( ) = =1 & & IsPinYear (YYYYvalue ) ) n + + ;
writeDay (n ) ; //赋日期下拉框Author:meizz
document .form1 .DD .value = new Date ( ) . getDate ( ) ;
}
if (document .attachEvent )
window .attachEvent ( "onload" , YYYYMMDDstart ) ;
else
window .addEventListener ( 'load' , YYYYMMDDstart , false ) ;
function YYYYDD (str ) //年发生变化时日期发生变化(主要是判断闰平年)
{
var MMvalue = document .form1 .MM .options [document .form1 .MM .selectedIndex ] .value ;
if (MMvalue = = "" ) { var e = document .form1 .DD ; optionsClear (e ) ; return ; }
var n = MonHead [MMvalue - 1 ] ;
if (MMvalue = =2 & & IsPinYear (str ) ) n + + ;
writeDay (n )
}
function MMDD (str ) //月发生变化时日期联动
{
var YYYYvalue = document .form1 .YYYY .options [document .form1 .YYYY .selectedIndex ] .value ;
if (YYYYvalue = = "" ) { var e = document .form1 .DD ; optionsClear (e ) ; return ; }
var n = MonHead [str - 1 ] ;
if (str = =2 & & IsPinYear (YYYYvalue ) ) n + + ;
writeDay (n )
}
function writeDay (n ) //据条件写日期的下拉框
{
var e = document .form1 .DD ; 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 )
{
e .options . length = 1 ;
}
//--></script>
< /body >
< / html >

转载于:https://www.cnblogs.com/yamajia/archive/2006/10/07/522569.html

1361976860

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
年月日三级级联

<html><head><title>年月日三下拉框联动</title><metahttp-equiv='Content-Type'content='text/html;charset=gb2312'><metaname='author'content='GBK(tzol)//www.baidu.com'></...
复制链接

扫一扫