Datepicker仅显示月份

时间:2015-10-01 11:04:39

标签: javascript jquery twitter-bootstrap-3 datepicker

我有一个日期选择器,我只希望用户能够选择月份和年份。

用户应该只能从今天起选择一年。我有这个工作,但我似乎只能显示几个月。

HTML

<div class="form-groups">
    <div class="col-sm-12">
        <div class="input-group">
            <input type="text" name="idTourDateDetails" id="idTourDateDetails" class="form-control clsDatePicker">
        </div>
    </div>
</div>

脚本

<script type="text/javascript">    
    $('#idTourDateDetails').datepicker({
        format: "mm-yyyy",
        startMode: "months", 
        minViewMode: "months",
        changeMonth: true,
        changeYear: true,
        minDate: '0d',
        maxDate: '1y'
    });
</script>

我尝试将data-date-format="mm-yyyy"添加到input,但它不起作用。

见工作fiddle

我不想隐藏日历,我希望日期显示月份。以下其他建议仅隐藏日历。

这个fiddle就是我所追求的但我无法让它工作,因为当我将HTML和JQuery放入我的解决方案时,我仍然显示日期。

1 个答案:

答案 0 :(得分:2)

您可以使用月份选择器而不是日期选择器,只能选择年份和月份,您可以在https://github.com/KidSysco/jquery-ui-month-picker中提供详细的文档和小提琴链接。