jquery日期时间选择器问题（4个输入文本框的JQuery datepicker具有限制范围）

Question

我想在4个文本框中使用日期时间选择器。

4个输入带有限制范围的文本框的JQuery日期选择器

第二个文本框中输入/选择的日期必须等于/大于（但不小于）第一个文本框， 类似日期输入第三个文本框必须大于/等于（但不能少于）第二个文本框，最后第四个文本框必须大于（但不能少于）第三个文本框。

在两个输入文本框中实现日期时间选择器似乎很容易......但是如何在2个以上的输入文本框中实现日期时间选择器。需要帮助解决此问题。 这是屏幕截图

Answer 1

假设第一个Departure文本字段的id为fd1，第二个为fd2。您可以执行以下操作：

$("#fd1").datepicker({
     onSelect: function (theDate) {
                   //theDate is the date String inside the fd1 textField
                   //create a date var and add it to the fd2 datepicker as minDate
                    var then= new Date();
                    var day = parseInt(theDate.substring(0, 2)) + 1;
                    var month = parseInt(theDate.substring(3, 5));
                    var year = theDate.substring(6, 10);
                    then.setFullYear(year, month - 1, day);
                   $("#fd2").datepicker('option', 'minDate', then);
               }
});

EXTRA注意：在前面的示例中，日期的格式为dd / MM / YYYY - 例如2011年2月16日，您应该根据您的日期格式更改子字符串函数。

在第二个日期字段中，您将最小日期设置为第一个日期。 您将对第二个做同样的事情 - ＆gt;第三，第三 - ＆gt;第四个日期字段。