如何设置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 
});