如何設置jQuery UI的最大日期datepicker

Question

我的頁面中有jquery ui datepicker，並使用兩個輸入元素id'startDate'和'endDate'。我的javascript有一個函數'setRange（）'，其中定義了最小日期，但我想定義最大日期應該是startDate + 6天。我的意思是用戶在開始日期6天后不能選擇日期。

請幫幫我。謝謝

Answer 1

我建立了類似的一天。基本上你需要在endDate元素上設置maxDate選項，每次改變startDate。

我喜歡用moment.js的日期，因爲它可以讓你做的事情一樣date.add('days',6)

這裏的東西給您起步：

$(function() { 
    $('#start_date').change(function() { 
    var start = $(this).val(); 
    var maxDate = new Date(); // I'll leave this to you... 
    $('#end_date').datepicker('option','maxDate',maxDate); 
    }).trigger('change'); // this sets the constraint on load, too 
});