javascript - 在 Bootstrap 日期选择器中设置开始日期限制

Question

更新:

更新了 HTML 中的日期格式并将今天的日期分配给数据，尽管日期范围限制没有限制。

新 fiddle :http://jsfiddle.net/D9Xav/143/

==========

我正在尝试创建一个允许用户选择年份和月份的日期选择器。目前，我很困惑为什么开始月份是 2013 年，为什么开始日期限制没有阻止我超过 x 年？

这是代码:http://jsfiddle.net/D9Xav/140/

文档:

• http://www.eyecon.ro/bootstrap-datepicker/
• https://github.com/eternicode/bootstrap-datepicker

这里的代码是因为规则:

<div id="dpMonths" class="input-append date" data-date-minviewmode="months"
    data-date-viewmode="years" data-date-format="mm-yyyy"
>
    <input type="text" readonly=""> 
    <span class="add-on">
        <i class="icon-th"></i>
    </span>
</div>

$('#dpMonths').data({
    date: '01/01/2000'
});

$('#dpMonths').datepicker('update');

$('#dpMonths').datepicker({
    startDate: '+10y'
}).on('changeDate', function (ev) {
    console.log(ev.date);
});

我设置了日期选择器数据，否则它会中断，我不确定如何绕过它/我也不知道为什么它会被今天的日期/月份覆盖。

Answer 1

看起来日期值 01/01/2000 需要采用与您选择的日期格式相同的格式:mm-yyyy。所以它需要是 01-2000。

$('#dpMonths').data({
    date: '01-2000'
});

不过，您可以将该值作为数据属性添加到您的 HTML 中，例如data-date="01-2000"

进行更改后，日期限制也将生效。

[编辑] 更新到新版本后，将您的 javascript 部分更改为:

$('#dpMonths')
    .datepicker({
        startDate: '-3y',
        format: 'mm-yyyy'
})
    .on('changeDate', function (ev) {
    console.log(ev.date);
});

fiddle :http://jsfiddle.net/SdZBF/5/