jQuery UI Datepicker到達的問題 - 出發日期

Question

Argh ..我很難過....

我有一個運行jQuery date-picker UI的預訂模塊。我有一個到達日期字段和一個出發日期字段，每個字段都具有在兩個日期選擇器對象上發起的日期。

我想默認的抵達日期是我這樣做達到了這個今天的日期如下：

<script type="text/javascript"> 
     $(document).ready(function(){ 

      $(".arrive").datepicker(); 
      $(".depart").datepicker(); 

      $(".arrive").datepicker('setDate', new Date()); 

     }); 
    </script> 

當用戶選擇一個抵達的日期，那麼我想離開默認日期被設定完美然而這一工程作爲用戶選擇抵達日期之後的一天。我嘗試使用日期選取器對象的onSelect事件，並嘗試從到達字段中提取值並添加一天但無濟於事。之前我已經看到過這個功能，我不認爲這是非常困難的，我只是無法承受這一點。有任何想法嗎？我的文本字段的html如下：

<ul> 
    <li> 
    <label>Arriving</label>  
    <span class="dateinput">             
     <input class="arrive" type="text" value="" name="startDate" />         
     <img id="arrive" src="images/calendar_icon.png" /> 
     <div class="clear"></div> 
    </span> 
    </li> 

    <li> 
    <label>Departing</label>   
    <span class="dateinput">         
     <input class="depart" name="endDate" value="" type="text" />    
     <img src="images/calendar_icon.png" /> 
     <div class="clear"></div> 
    </span> 
    </li> 
</ul> 

感謝一羣誰可以幫助我解決這個問題。

Answer 1

使用documentation作爲靈感：

<script type="text/javascript"> 
    $(document).ready(function(){ 

     $(".arrive").datepicker({ 
      onSelect: function(selectedDate) { 
      // Parse the selected date 
      var instance = $(this).data("datepicker"), 
       date = $.datepicker.parseDate(
        instance.settings.dateFormat || 
        $.datepicker._defaults.dateFormat, 
        selectedDate, instance.settings); 

      // Add one day 
      date.setDate(date.getDate()+1); 

      // Set the new date 
      $(".depart").datepicker('setDate', date);    
     } 
     }); 
     $(".depart").datepicker(); 

     $(".arrive").datepicker('setDate', new Date()); 
    }); 
</script> 

Answer 2

你有看過文檔嗎？

http://jqueryui.com/demos/datepicker/#date-range

- >查看源文件

它甚至得到了一些ONSELECT代碼，你可以部分使用您的具體問題