日期选择器日期范围

问题描述：

我使用叉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>

一些更多的测试，它工作得更好，如果我使用： startView：“十年”， minViewMode：“几个月”，但它仍然是一个有点怪异。 – John 2013-04-28 16:53:21

答

这是我自己的结论：

$('#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，就像现在一样。

为什么不使用“yyyy-mm”作为格式（忽略月份的日期）？这不是你最初的目标吗？ – notan3xit 2013-07-17 18:19:13

日期选择器日期范围

相关推荐