js 日期操作 选年 选日

使用input date 实现日期选择，但是如果按年选的话就没辙，还是不好使啊！！！！

所以，用select去实现，遍历加入选项

按年

function initYearSelect(){    var selectObj=document.getElementById("year-select");    for (var i=2015;i<2030;i++){        selectObj.options[selectObj.length] = new Option(i+"年",i+"");    }    var today=new Date();    $('#year-select').val(today.getFullYear().toString());}

按月

function initMonthSelect(mon){    var selectObj1=document.getElementById("month-select");    for (var i=1;i<13;i++){        var val=i;        if(i<=9)        {            val="0"+val;        }        selectObj1.options[selectObj1.length] = new Option(val+"月",val);    }    $('#month-select').val(mon);}

按日期

//设为当天时间var today=new Date();var mon=today.getMonth()+1;var day=today.getDate();if(today.getMonth()<=9){mon="0"+mon}if(today.getDate()<=9){day="0"+day}var todaydate=today.getFullYear()+"-"+mon+"-"+day;var todaymonth=today.getFullYear()+"-"+mon+"-00";//   alert(todaydate);$('#date-select').val(todaydate);
//调用按年和按日的init方法initYearSelect();initMonthSelect(mon);

附：select onchange事件

<select id ='type-select' class="selectpicker" data-style="btn-primary" onchange="onTypeSelectClick(this[selectedIndex].value);">    <option value ="year">按年</option>    <option value ="month" selected="selected">按月</option>    <option value="day">按天</option></select>

function onTypeSelectClick(val){     switch (val)     {         case "year":                       case "month":         case "day":     }}