有这么个需求,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默认是选某个具体的日子的,但是现在只选到年月为止,