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

Question

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

請幫我。 謝謝

Answer 1

前幾天我建造了類似的東西。 基本上，每次更改startDate ，都需要在endDate元素上設置maxDate選項。

我喜歡將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
});