引導日期選擇器：第二個字段，允許日期晚於第一個字段中的所選日期

Question

當用戶在第一個字段中選擇日期時，第二個字段必須在所選日期開始，並且不允許選擇任何先前的日期。 我創建了一個提琴供參考http://jsfiddle.net/gfokvuxr/ ，下面是代碼：

謝謝

<label class="form-label">Loading Date</label>


  <div class="input-append success date">
       <input type="text" name="loadingdate" id="dt1" class="span12" required >
       <span class="add-on"><span class="arrow"></span><i class="fa fa-th"></i></span> 
</div>


<label class="form-label">Delivery date</label>


  <div class="input-append success date">
       <input type="text" name="deliverydate" id="dt2" class="span12" required >
       <span class="add-on"><span class="arrow"></span><i class="fa fa-th"></i></span> 
</div>

這是JS代碼

  $('.input-append.date').datepicker({
            autoclose: true,
            format: 'dd/mm/yyyy',
            todayHighlight: true,
            startDate: new Date() 
   });

Answer 1

根據我對API的閱讀，可能是這樣的：

$('#loadDate').change(function(event, ui){
    $('#deliverDate').datepicker( "setDate", (Date)($( "#loadDate" ).datepicker( "getDate" )));
    $('#deliverDate').datepicker( "option", "minDate", (Date)($( "#loadDate" ).datepicker( "getDate" )));
});

https://jsfiddle.net/1a09hyff/1/

給每個日期選擇器指定一個ID，並使用它們在第一個日期選擇器上注冊一個事件偵聽器，以更新第二個日期選擇器的minDate。

就是說，由於某種原因它沒有起作用； 我無法獲得任何修改方法（包括destroy）才能正常工作。 幾個引發內部錯誤（最近我看到了很多錯誤， date.getMonth()引發getMonth is not a function等）。