Question

我使用fork https://github.com/eternicode/bootstrap-datepicker，但我遇到了一些问题。

我希望datepicker首先显示年份，然后点击一年后显示月份，然后它应该在月份点击时关闭，以便日期变为“2013-01”。

我在viewmode和minviewmode上尝试了所有可能的组合，但无法按特定顺序使用它。

这是我的JS：

$('#from_date').datepicker({
    viewMode: "years", 
    minViewMode: "years",
    format: 'yyyy-mm-dd',
    startDate: '2008-01-01',
    endDate: 'y-12-31',
    autoclose: true
});

什么是正确的代码？

是否也可以隐藏不在日期范围内的日期？它显示在2008年之前和2013年之后（即使我无法点击它们）。

另一个问题是弹出窗口打开div，而不是日历按钮（就像原始脚本一样）。 HTML看起来像这样：

<div class="input-append date" id="from_date" data-date="102/2012" data-date-format="yyyy-mm" data-date-viewmode="years" data-date-minviewmode="months">
<input name="date_from" id="dpMonths" class="dpMonths input-block-level" type="text" value="2008" /><span class="add-on"><i class="icon-calendar"></i></span>
</div>

Answer 1

这是我自己的结论：

$('#from_date').datepicker({
    startView: "decade",
    minViewMode: "months",
    format: 'yyyy-mm-dd',
    startDate: '2008-01-01',
    endDate: 'y-12-31',
    autoclose: true
});

$('#to_date').datepicker({
    startView: "decade",
    minViewMode: "months",
    format: 'yyyy-mm-dd',
    startDate: '2008-01-01',
    endDate: 'y-12-31',
    autoclose: true
});

还有一个我需要帮助的问题。我需要“to_date”在本月的最后一天结束。因此，日期范围变为2013-01-01至2013-01-31而非2013-01-01至2013-01-01，就像现在一样。

Datepicker日期范围

1 个答案: