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


posted @ 2016-01-21 15:02  左魅颜  阅读(4629)  评论(0编辑  收藏  举报