关于在datepicker中，只选年月

最新推荐文章于 2024-04-09 12:29:28 发布

weixin_33869377

最新推荐文章于 2024-04-09 12:29:28 发布

阅读量685

点赞数

文章标签：移动开发 javascript java ViewUI

原文链接：https://my.oschina.net/147258369/blog/322903

版权

2019独角兽企业重金招聘Python工程师标准>>>

有这么个需求，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;
}

转载于:https://my.oschina.net/147258369/blog/322903