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

Question

我使用的是从https://github.com/eternicode/bootstrap-datepicker/下载的引导日期标准插件，它工作的很好，但问题在于两个日历显示的是2014年10月19日（2014年10月）。我希望2014年1月（2014年1月10日）显示'来自'日期日历和2014年10月（10/19/2014）显示'至'日期日历。

$('.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*/}); 

为了有一个简单的系统配置您的日期选择器的情况下，你可以使用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-作为您的配置。

既然你在过去的工作，并且默认的日期选择器当前的月份设置为切入点，可以强制值，像这样：

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

See a working example...

使用：

• data-start =“01/19/2014”
• data-end =“10/18/2014"
• 数据日期= “2014年1月19日”

...不过还是要配置它。