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" οnchange="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":

     }
}