Question

我正在使用从https://github.com/eternicode/bootstrap-datepicker/下载的引导日期纠察插件，但效果很好，但问题是这两个日历都显示在同一个月的2014年10月19日（2014年10月）。我想在2014年1月（2014年10月1日）上展示＆＃39;来自＆＃39;日期日历和2014年10月（2014年10月19日）的＆＃39;到＆＃39;日期日历。

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

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

Answer 1

如果您希望为每个输入配置不同的输入，则应循环显示不同的输入字段。选择器中有2个输入，不会自动计算startDate和endDate，分为两个日期选择器。每个日期选择器在startDate和endDate之间都有自己的范围，所以你应该这样编程。

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

要拥有一个简单的系统来配置datepicker实例，您可以使用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...

使用：

数据起动= “2014年1月19日”
数据端= “2014年10月18日”
数据日期= “2014年1月19日”

...或者你想配置它。

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

1 个答案: