关于在datepicker中,只选年月
有这么个需求,datepicker默认是选某个具体的日子的,但是现在只选到年月为止,
solution:
html如下:
<div>
<label for="startDate">Date :</label>
<input name="startDate" id="startDate" class="date-picker" />
</div>
在datepicker中配置如下:
1
2
3
4
5
6
7
8
9
10
11
|
$( '.date-picker' ).datepicker( { changeMonth: true , changeYear: true , showButtonPanel: true , dateFormat: 'MM yy' , onClose: function (dateText, inst) { var month = $( "#ui-datepicker-div .ui-datepicker-month :selected" ).val(); var year = $( "#ui-datepicker-div .ui-datepicker-year :selected" ).val(); $( this ).datepicker( 'setDate' , new Date(year, month, 1)); } }); |
在style里添加这么一句:
.ui-datepicker-calendar {
display: none;
}
但是好笑的是,我隐藏了之后,一段时间之后我不知道怎么把日期显示出来了。又找了半天,原来是css控制的
有这么个需求,datepicker默认是选某个具体的日子的,但是现在只选到年月为止,