datepicker日期范圍：最大日期的最小日期=開始日期+ 1天

Question

使用jQuery UI的日期選擇器日期范圍，如何自定義默認功能，以便在選擇開始日期時，結束日期的最小日期與開始日期不同，而是開始日期+ 1天。

我知道我可以用在開始日期val()上調用的一堆getDate()和setDate()函數替換'selectedDate'，但是我想知道datepicker是否支持某個預期功能。 諸如selectedDate +1 day類的東西，但顯然我已經嘗試過了，但這不起作用。

貝婁是我目前使用的代碼，用於設置選項minDate的#to在選定的日期#from

<input type="text" id="from" name="from">
<input type="text" id="to" name="to">

<script>
    $(function() {
        $( "#from" ).datepicker({
            onClose: function( selectedDate ) {
                $( "#to" ).datepicker( "option", "minDate", selectedDate ); 
                //how to change this so that the minDate is selectedDate + 1 day? 
            }
        });
        $( "#to" ).datepicker({
            onClose: function( selectedDate ) {
                $( "#from" ).datepicker( "option", "maxDate", selectedDate );
            }
        });
    });
</script>

Answer 1

你可以用這個

var actualDate = new Date(selectedDate);
var newDate = new Date(actualDate.getFullYear(), actualDate.getMonth(), actualDate.getDate()+1);

 $(function() { $( "#from" ).datepicker({ onClose: function( selectedDate ) { //$( "#to" ).datepicker( "option", "minDate", selectedDate ); //how to change this so that the minDate is selectedDate + 1 day? var actualDate = new Date(selectedDate); var newDate = new Date(actualDate.getFullYear(), actualDate.getMonth(), actualDate.getDate()+1); $("#to").datepicker("option","minDate", newDate) }, }); $( "#to" ).datepicker({ onClose: function( selectedDate ) { $( "#from" ).datepicker( "option", "maxDate", selectedDate ); } }); }); 

 <link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.1/jquery-ui.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.1/jquery-ui.js"></script> <input type="text" id="from" name="from"> <input type="text" id="to" name="to">