日期范围选择器在两个日历上显示 endDate答案

【问题标题】：Date Range Picker Showing endDate on both calendars日期范围选择器在两个日历上显示 endDate
【发布时间】：2015-01-09 20:05:07
【问题描述】：

我正在使用从https://github.com/eternicode/bootstrap-datepicker/ 下载的引导日期纠察队插件，它工作得很好，但问题是两个日历都显示同一个月 10/19/2014（2014 年 10 月）。我想为“开始”日期日历显示 2014 年 1 月（01/10/2014），为“到”日期日历显示 2014 年 10 月（2014 年 10 月 19 日）。

$('.input-daterange').datepicker({
            autoclose: true,
            startDate: '01/10/2014',
            endDate: '10/19/2014'
});

代码示例：http://jsfiddle.net/o2rq93x0/2/

【问题讨论】：

根据文档，startDate 和 endDate 设置了可用日期的范围。如果你想设置使用setDate 的日期，它应该接受一个包含多个字段的日期选择器数组
试试这个 - stackoverflow.com/a/32554467/104380

标签： javascript jquery twitter-bootstrap datepicker bootstrap-datepicker

【解决方案1】：

如果您想为每个输入提供不同的配置，您应该遍历不同的输入字段。在您的选择器中有 2 个输入不会自动计算出 startDate 和 endDate，分为两个日期选择器。每个日期选择器在startDate 和endDate 之间都有自己的范围，所以你应该这样编程。

$('.input-daterange input').each(function(){/*set configuration here*/});

要拥有一个简单的系统来配置您的日期选择器实例，您可以使用data- 属性。

<input type="text" class="input-small form-control" name="start" data-date="01/11/2014" data-start="01/10/2014" data-end="10/18/2014" />

然后简单地遍历每个输入并使用data- 作为您的配置。

由于您在过去工作，并且默认情况下 datepicker 将当前月份设置为入口点，您可以像这样强制该值：

input.val('10/19/2014').datepicker('update');

See a working example...

使用：

data-start="01/19/2014"
data-end="10/18/2014"
data-date="01/19/2014"

...或者你想配置它。

【讨论】：