日期範圍選擇器在兩個日曆上顯示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日」

...不過還是要配置它。