javascript - 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);
     }
});