Jquery Date Picker：將開始日期追加到結束日期並僅在將來顯示日期

Question

我正在使用Jquery Date拾取器來獲取我正在構建的應用程序的開始日期和結束日期。

我有兩個日期選擇器，一個用於開始日期，另一個用於結束日期。

當有人在開始日期選擇器中點擊日期時，我需要將該日期自動附加到結束日期選擇器。

我還需要結束日期選擇器來選擇未來的日期，只能從已附加到它的日期。

有jQuery的日期選擇器網站上做了我想做的兩個演示，但我不確定如何將它們結合起來做我想做的。

Example One:

這個例子說明如何配合 兩個日期選擇器在一起，以便在一個選定的 日期會影響可在 其他

選擇的 日期

$(function() 
{ 
    $('.date-pick').datePicker() 
    $('#start-date').bind(
     'dpClosed', 
     function(e, selectedDates) 
     { 
      var d = selectedDates[0]; 
      if (d) { 
       d = new Date(d); 
       $('#end-date').dpSetStartDate(d.addDays(1).asString()); 
      } 
     } 
    ); 
    $('#end-date').bind(
     'dpClosed', 
     function(e, selectedDates) 
     { 
      var d = selectedDates[0]; 
      if (d) { 
       d = new Date(d); 
       $('#start-date').dpSetEndDate(d.addDays(-1).asString()); 
      } 
     } 
    ); 
}); 

Example Two:

表示內嵌日期選擇器 ，其連接在一起，並在彼此觸發 行爲的一個例子...

$(function() 
{ 
    $('#date-view1') 
     .datePicker({inline:true}) 
     .bind(
      'dateSelected', 
      function(e, selectedDate, $td) 
      { 
       $('#date1').val(selectedDate.asString()); 
       $('#date-view2, #date-view3').dpSetSelected(selectedDate.addDays(3).asString()); 
      } 
     ); 
    $('#date-view2') 
     .datePicker({inline:true}) 
     .bind(
      'dateSelected', 
      function(e, selectedDate, $td) 
      { 
       $('#date2').val(selectedDate.asString()); 
      } 
     ); 
    $('#date-view3').datePicker(); 
    $('#form-check') 
     .bind(
      'click', 
      function() 
      { 
       alert('date1=' + $('#date1').val() + '\n' + 'date2=' + $('#date2').val()); 
      } 
     ); 
}); 

我試圖上面列出的碼的許多組合，但是我一直無法獲得理想的結果。

感謝您的幫助，

添

Answer 1

這裏試試這個，選擇開始日期將追加在開始日期輸入的任何值，並設定結束日期開始日期：

$('#start-date').bind('dpClosed', function(e, selectedDates) { 
    var d = selectedDates[0]; 
    if (d) { 
    d = new Date(d); 
    $('#end-date').dpSetStartDate(d.addDays(1).asString()).dpSetSelected(d.asString()).val($(this).val()); 
    } 
});