用户输入startdate和结束日期后，jQuery datepicker选择日期

Question

首先，我使用日期范围来获取用户输入 开始日期和结束日期。

http://jqueryui.com/demos/datepicker/#date-range

如何设置下一个输入日期仅允许在用户选择的开始日期和结束日期之间？

Answer 1

也许你可以尝试这样的事情：http://jsfiddle.net/vAT4R/

HTML

<input type="text" id="date1_start" />
<input type="text" id="date1_stop" />

<hr />

<input type="text" id="date2_start" />
<input type="text" id="date2_stop" />

JS

var dates2 = $( "#date2_start, #date2_stop" ).datepicker();

var dates = $( "#date1_start, #date1_stop" ).datepicker({
    defaultDate: "+1w",
    changeMonth: true,
    numberOfMonths: 1,
    onSelect: function( selectedDate ) {
        var option = this.id == "date1_start" ? "minDate" : "maxDate",
            instance = $( this ).data( "datepicker" ),
            date = $.datepicker.parseDate(
                instance.settings.dateFormat ||
                $.datepicker._defaults.dateFormat,
                selectedDate, instance.settings );
        dates.not( this ).datepicker( "option", option, date );
        dates2.datepicker( "option", option, date );
    }
});