datepicker日期範圍：最大日期的最短日期=開始日期+ 1天

Question

使用jQuery UI的datepicker日期範圍，如何定製默認功能，以便在選擇開始日期時，結束日期的最短日期不是與開始日期相同，但是開始日期+ 1天。

我知道我可以取代「selectedDate」與一堆getDate()和setDate()函數調用的開始日期val()，但我不知道是否有可能在日期選擇器支持的預期功能。像selectedDate +1 day之類的，但顯然我已經嘗試過了，那是行不通的。

貝婁是我目前使用的代碼，設置爲#tominDate的選項，選定的日期在#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">