jQuery日历日期范围第二个日历的minDate +5天

Question

我有两个jQuery日历字段，用户必须选择“从”日期和“到”日期。我可以将第一个日历上的用户输入限制为当前日期，但是我如何才能使第二个日历日期在第一个日历日期的未来至少+5天。

这是我的代码。

    $(document).ready(function() {

        var from = $( "#from" ).datepicker({
            defaultDate: "today",
            changeMonth: true,
            required: true,
            numberOfMonths: 1,
            minDate: 0,
            dateFormat: 'd-M-y',
            onClose: function( selectedDate ) {
                $( "#to" ).datepicker( "option", "minDate", selectedDate );
            }

        });
        var to = $( "#to" ).datepicker({
            defaultDate: "today",
            changeMonth: true,
            required: true,
            numberOfMonths: 1,
            minDate: 0,
            dateFormat: 'd-M-y',
            onClose: function( selectedDate ) {
                $( "#from" ).datepicker( "option", "maxDate", selectedDate );
            }
        });
    });

Answer 1

您需要从第一个日历中获取日期并为其添加五天。

像，

$('#to').datepicker({
    onSelect: function(dateVal) {
        var newDate= $.datepicker.parseDate('mm/dd/yy', dateVal);
        newDate.setDate(newDate.getDate() + 5);
        $('#to').val(newDate);
     }
});