Jquery ui 基于上一个日期选择器日期设置下一个日期选择器实例的minDate+；一天 HTML

现在我想要的是，每当用户为

checkIn

设置任何日期时，

checkOut

应与所有其他选项一起位于所选日期的旁边

同样，请参见

---

我试了很多，但没有成功。请帮助我应用什么逻辑？

尝试分离字段并单独启动日期选择器，然后尝试以下操作：

var dates = $( "#checkIn, #checkOut" ).datepicker({
               autoSize: true,
               minDate: "+0",
               maxDate: "+6M",
               onSelect: function( selectedDate ) {
                     var option = this.id == "checkIn" ? "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 );
                }
   });

---

希望获得以下帮助：）

尝试分离字段并分别启动日期选择器，然后尝试以下操作：

var dates = $( "#checkIn, #checkOut" ).datepicker({
               autoSize: true,
               minDate: "+0",
               maxDate: "+6M",
               onSelect: function( selectedDate ) {
                     var option = this.id == "checkIn" ? "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 );
                }
   });

---

希望有此帮助：）

shennyL的答案没有说明所选日期+n

因此：

在您的#入住地点：

    $('#date1').datepicker({
        constrainInput: true, 
        dateFormat: 'D, dd M yy',
        // Once change, set date2 min date
        onSelect: function (dateText, inst) {
            $('#date2').datepicker("option", "minDate", dateText);
        }
    });

    $('#date2').datepicker({
        constrainInput: true, 
        minDate: 0,
        dateFormat: 'D, dd M yy'
    });

---

据我所知，这很好用。您可能只需要清理小提琴上的一些代码就可以了？

shennyL答案没有说明所选日期+n

因此：

在您的#入住地点：

    $('#date1').datepicker({
        constrainInput: true, 
        dateFormat: 'D, dd M yy',
        // Once change, set date2 min date
        onSelect: function (dateText, inst) {
            $('#date2').datepicker("option", "minDate", dateText);
        }
    });

    $('#date2').datepicker({
        constrainInput: true, 
        minDate: 0,
        dateFormat: 'D, dd M yy'
    });

---

据我所知，这很好用。您可能只需要清理小提琴上的一些代码？

什么是

datetext

，什么是

containInput

dataText是指当前选定的日期，可以忽略constraitInput，我只是不想让用户在我的文本框中输入非日期内容：）什么是

datetext

，什么是

containtinput

dataText是指当前选择的日期，可以忽略constratiinput，我只是不想让用户在我的文本框中输入非日期内容：）