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

问题描述:

我的页面中有jquery ui datepicker,并使用两个输入元素id'startDate'和'endDate'。我的javascript有一个函数'setRange()',其中定义了最小日期,但我想定义最大日期应该是startDate + 6天。我的意思是用户在开始日期6天后不能选择日期。如何设置jQuery UI的最大日期datepicker

请帮帮我。谢谢

我建立了类似的一天。基本上你需要在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 
});