关于在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默认是选某个具体的日子的,但是现在只选到年月为止,
浙公网安备 33010602011771号