Untitled

jQuery datapicker select-able date after user input start date and end date
<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" />

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