首页 > 其他 > 详细

关于在datepicker中,只选年月

时间:2014-09-28 17:55:47      阅读:333      评论:0      收藏:0      [点我收藏+]

有这么个需求,datepicker默认是选某个具体的日子的,但是现在只选到年月为止,

solution:
html如下:
<div>
<label for="startDate">Date :</label>
<input name="startDate" id="startDate" class="date-picker" />
</div>

在datepicker中配置如下:

$(‘.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;
}  

关于在datepicker中,只选年月

原文:http://my.oschina.net/147258369/blog/322903

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!