DatePicker的代碼 - 第二個日期必須大於第一個日期的1天

Question

我一直在嘗試使用很多指南，以瞭解如何使getdatedate DatePicker從dropoffdate DatePicker增加1天，但是我可以'讓它工作。我不確定如何讓這兩個元素在<script>標籤中一起工作。

我所擁有的是：

{{ '//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css' | stylesheet_tag }} 
{{ '//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' | script_tag }} 

<div style="width:300px; clear:both;"> 
    <p> 
    <label for="dropoffdate">Specify a drop off date:</label> 
    <input id="dropoffdate" type="text" name="attributes[dropoffdate]" value="{{ product.attributes.dropoffdate }}" /> 
    </p> 

    <p> 
    <label for="pickupdate">Specify a pick up date:</label> 
    <input id="pickupdate" type="text" name="attributes[pickupdate]" value="{{ product.attributes.pickupdate }}" /> 
    </p> 

</div> 

<script> 
jQuery(function() { 
    jQuery("#dropoffdate").datepicker({ 
    minDate: +1, 
    maxDate: '+2M', 
    dateFormat: "dd/mm/yy" 
    }); 
}); 

jQuery(function() { 
    jQuery("#pickupdate").datepicker({ 
    minDate: +1, 
    maxDate: '+2M', 
    dateFormat: "dd/mm/yy" 
    }); 
}); 
</script> 

任何人可以幫助我嗎？

Answer 1

我想你要找的是什麼：

$("#dropoffdate").datepicker({ 
    minDate: new Date() +1, 
    maxDate: new Date() +60, 
    dateFormat: "dd/mm/yy", 
    onClose: function() { 
    $("#pickupdate").datepicker({ 
    .... 
    minDate: new Date($("#dropoffDate").val()) + 1, 
    maxDate: new Date($("#dropoffDate").val()) + 60, 
    }); 

});