js日期联动

JaHunter · 发表于 2013-2-7 20:37:36

<!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=gb2312" />
<title>月日级联菜单</title>
</head>
<script language="javascript">
function $(id) {return document.getElementById(id);}
function $value(id) {return document.getElementById(id).value;}
function StringToDate(DateStr)
{

     var converted = Date.parse(DateStr);
     var myDate = new Date(converted);
     if (isNaN(myDate))
     {
         var arys= DateStr.split('-');
         myDate = new Date(arys[0],arys[1],arys[2]);
     }
     return myDate;
}
function ConverDay(year,month,day)   // 按月转换日
{
var subitem=$(day);
subitem.innerHTML='';
var year=$value(year);
var date=new Date();
if (year=="") year=""+date.getYear();
var month=$value(month);
var monthday=""+parseInt(month)-1;
var date1=StringToDate(year+"-"+monthday+"-01");
var date2=StringToDate(year+"-"+month+"-01");
var days=((date2-date1)/86400000);
    for (i=1;i<=days; i++)
   {
     var opt=document.createElement("OPTION");
     opt.text=i;
     opt.value=i;
       try{
          subitem.add(opt);
         } catch(e) {
          subitem.add(opt, null);
         }
   }
}

function monthInit(month,day){//月日初始化
month=$(month)
   for (i=1;i<=12; i++)
   {
     var opt=document.createElement("OPTION");
     opt.text=i;
     opt.value=i;
       try{
          month.add(opt);
         } catch(e) {
          month.add(opt, null);
         }
   }
day=$(day)
for (i=1;i<=31; i++)
   {
     var opt=document.createElement("OPTION");
     opt.text=i;
     opt.value=i;
       try{
          day.add(opt);
         } catch(e) {
          day.add(opt, null);
         }
   }
}

function selectDay(DayItem,Day){//选择中月或日
   DayItem=$(DayItem)
   for (i=0;i<DayItem.options.length;i++){
    if (DayItem.options.value==Day){
     DayItem.options.selected=true;
    }

   }

}
function bluryear(yy,mm,dd){
   var year=$(yy)
   if (year.value.length>0){
     y=parseInt(year.value);
     if(y<=1800||y>=2200){
      alert("请正确输入年份！");
      year.value="";
      year.focus();
      return false;
     }

   }
ConverDay(yy,mm,dd)
}
</script>
<body>
<form id="form1" name="form1" method="post" action="">

   <input name="year" type="text" id="year"   style="height:14px"size="4" maxlength="4" onKeyPress="returnevent.keyCode>=48&&event.keyCode<=57"/>
   年
   <select name="month" id="month"   onchange="ConverDay('year','month','day')">
   </select>
   月
   <select name="day" id="day">
   </select>
   日
</form>
<script>monthInit("month","day");</script>
</body>
</html>
来自：http://hi.baidu.com/ahwyb/blog/item/2ef50a08d434bf940b7b824d.html

		自动登录	找回密码
密码			立即注册

js日期联动

浏览过的版块