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

Question

更新：

更新了 HTML 中的日期格式并将今天的日期分配给数据，但日期范围限制不受限制。

新小提琴：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);
});

小提琴：http: //jsfiddle.net/SdZBF/5/