JavaScript实现生日选择效果

<script type="text/javascript">
     function pageInit(){
         makeYear();
         makeMonth();
         makeDay();
         document.getElementById("year").onchange = makeDay;
         document.getElementById("month").onchange = makeDay;
     }     
     function makeYear(){
   //填充年份
   var year = document.getElementById("year");
   //如果year是""(空串)删除
   if(year.value=="")
    year.options.length=0;
   //添加option
   //今年是何年
   var now = new Date().getFullYear();
   for(var x=1990; x<=now; x++){
    /*
    var option = document.createElement("option");
    option.value = x;
    option.innerHTML = x;//option.innerText = x;
    year.appendChild(option);
    */
    if(year.value==x)
     continue;
    year.options.add(new Option(x,x));
   }
        }  
     function makeMonth(){         
   //填充月份
   var month = document.getElementById("month");
   //如果month是""(空串)删除
   if(month.value=="")
    month.options.length=0;
   for(var x=1; x<=12; x++){
    if(month.value==x)
     continue;
    month.options.add(new Option(x,x));
   }
        }
        function makeDay(){
   //填充日期
   var day = document.getElementById("day");
   //如果day是""(空串)删除
   if(day.value=="")
    day.options.length=0;
   else
    day.options.length=1;
   var daysNum = getDaysNum();
   for(var x=1; x<=daysNum; x++){
    if(day.value==x)
     continue;
    day.options.add(new Option(x,x));
   }
        }     
        function getDaysNum(year,month){
            //获取天数
         var year = document.getElementById("year").value;
         var month = document.getElementById("month").value;
         var temp = new Date(year,month,0);
         var getDays = new Date(temp.getTime()-1000*60*60*24);
         return temp.getDate();   
        }       
        window.onload = pageInit;

</script>

posted on 2013-07-07 17:51  笨'小孩  阅读(1008)  评论(0编辑  收藏  举报

导航