`
JaHunter
  • 浏览: 89355 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js日期联动

    博客分类：
  • js
JavaScriptXHTMLHTMLBlog 
阅读更多

<!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[i].value==Day){
     DayItem.options[i].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" onblur="bluryear('year','month','day')" onKeyPress="return event.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

分享到：
| jstl数字格式
评论
发表评论

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

相关推荐

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