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">