使用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": } }