Question

嗨朋友我正在办理酒店预订表格并且卡在日期选择器功能上。有两个字段首先获得“签入日期”，其次是“结帐日期”。我希望“签入日期”之间至少有一天的差异（或同一天）＆amp; “结帐日期”。如果用户首先选择结帐日期，例如用户选择“01 / jan / 2014”进行结帐，之后用户进入登记日期，则选择“4 / jan / 2014”< / strong>办理登机手续，如果用户选择“4 / jan / 2014”办理登机手续时，我无法办理登机手续时办理登机手续，办理登机手续时，结帐日期会更新“4 / jan / 2014“用于结账，用户无法选择以前的结账日期

您可以在jsfiddle
找到我的代码
HTML

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> Check in date <input type="text" name="ww" size="30" id="1" class="nameBook"/> Checkout date <input type="text" name="ww" size="30" id="2" class="nameBook"/>

SCRIPT

$(function() { $( ".nameBook" ).datepicker(); });

请帮帮我们。

提前致谢

Answer 1

在您的情况下，您需要了解的是date-range，我在这里修改了您的代码，如下所示

 $(function () {
     $("#1").datepicker({
         onClose: function (selectedDate) {
             $("#2").datepicker("option", "minDate", selectedDate);
         }
     });
     $("#2").datepicker({
         defaultDate: "+1w",
         onClose: function (selectedDate) {
             $("#1").datepicker("option", "maxDate", selectedDate);
         }
     });
 });

选中此fiddle

使用jQuery-ui在两个日期选择器字段之间进行区分

1 个答案: