php - 如何使用 jQuery DatePicker 设置结束日期从开始日期加一

Question

我已成功集成jQuery DatePicker在我的网站上，想知道如何设置以下内容:

1. 不允许选择当前日期加上 2 天的开始日期。例如，如果今天的日期是 2012 年 7 月 20 日，则访问者只能选择从 2012 年 7 月 22 日开始的日期。
2. 结束日期必须以开始日期加一为基础。如果开始日期为 2012 年 7 月 23 日，则结束日期应为 2012 年 7 月 24 日。

顺便说一句，我正在制作酒店预订日历。

这是我基于示例的代码:

<script>
    $(function() {
        $( "#sd" ).datepicker();
    });

    $(function() {
        $( "#ed" ).datepicker();
    }); 
</script>

<tr>
  <td>Check In</td>
  <td>:</td>
  <td><input name="sd" type="text" id="sd" value="<?php echo $_SESSION['checkin'] ?>" size="10"" maxlength="8" /></td>
</tr>
<tr>
  <td>Check Out</td>
  <td>:</td>
  <td><input name="ed" type="text" id="ed" value="<?php echo $_SESSION['checkout'] ?>" size="10" maxlength="10" /></td>
</tr>

Answer 1

您可以在 datepicker 内完成此操作事件。

$(function() {
    $( "#sd" ).datepicker({
        // before datepicker opens run this function
        beforeShow: function(){
            // this gets today's date       
            var theDate = new Date();
            // sets "theDate" 2 days ahead of today
            theDate.setDate(theDate.getDate() + 2);
            // set min date as 2 days from today
            $(this).datepicker('option','minDate',theDate);         
        },
        // When datepicker for start date closes run this function
        onClose: function(){
            // this gets the selected start date        
            var theDate = new Date($(this).datepicker('getDate'));
            // this sets "theDate" 1 day forward of start date
            theDate.setDate(theDate.getDate() + 1);
            // set min date for the end date as one day after start date
            $('#ed').datepicker('option','minDate',theDate);

        }
    });
    $( "#ed" ).datepicker();     
});