Как установить максимальную дату для jquery ui datepicker

Question

У меня есть jquery ui datepicker на моей странице и используйте два входных элемента id 'startDate' и 'endDate'. У моего javascript есть функция setRange(), в которой определена дата min, но я хочу определить максимальную дату, которая должна быть startDate + только 6 дней. Я имею в виду, что пользователь не должен выбирать дату после 6 дней с даты начала.

Пожалуйста, помогите мне. Спасибо

Answer 1

Я построил что-то подобное на днях. В основном вам необходимо установить опцию maxDate на элементе endDate, при каждом изменении 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 
});