Дата выбора jQuery datapicker после ввода пользователем даты начала и окончания

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 );
    }
});