javascript - 日期选择器日期范围: max date's min date = start day + 1 day

Question

使用 jQuery UI 的日期选择器日期范围，如何自定义默认功能，以便在选择开始日期时，结束日期的最短日期与开始日期不同，而是开始日期 + 1 天。

我知道我可以用在开始日期 val() 调用的一堆 getDate() 和 setDate() 函数替换“selectedDate” code>，但我想知道日期选择器是否支持预期的功能。类似 selectedDate +1 天，但显然我已经尝试过了，但不起作用。

Bellow 是我当前使用的代码，它将 #to 的 minDate 选项设置为 #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">