将结束日期设置在 select 开始日期之后

Question

如何设置必须比开始日期晚 1 天的结束日期？

$("#beginDate").datepicker({
    minDate: 1,
    changeMonth: true,
    dateFormat: 'mm/dd/yy',
    onClose: function (selectedDate, instance) {
        if (selectedDate != '') {
            $("#endDate").datepicker("option", "minDate", selectedDate);
            var date = $.datepicker.parseDate(instance.settings.dateFormat, selectedDate, instance.settings);
            date.setMonth(date.getMonth() + 3);
            console.log(selectedDate, date);
            $("#endDate").datepicker("option", "minDate", selectedDate);
            $("#endDate").datepicker("option", "maxDate", date);
        }
    }
});

Answer 1

例如，在这个示例代码中，startDatePicker被选择为2014-3-18，startDatePicker的改变事件设置endDatePicker的minDate 2014- 3-19。它在此日期之前锁定单元格。希望对你有帮助...

        $("#startDatePicker").datepicker({
        dateFormat: 'yy-mm-dd',
        changeMonth: true,
        minDate: new Date(),
        maxDate: '+2y',
        onSelect: function (date) {

            var selectedDate = new Date(date);
            var msecsInADay = 86400000;
            var endDate = new Date(selectedDate.getTime() + msecsInADay);

            $("endDatePicker").datepicker("option", "minDate", endDate);
            $("endDatePicker").datepicker("option", "maxDate", '+2y');

        }
    });

    $("endDatePicker").datepicker({
        dateFormat: 'yy-mm-dd',
        changeMonth: true
    });

Answer 2

只需更新代码中的一行 onclose beginDatePicker 事件使用这条线

var minDate2 = new Date(selectedDate);
minDate2.setDate(minDate2.getDate() + 1);
$("#endDate").datepicker("option", "minDate", minDate2);

而不是

$("#endDate").datepicker("option", "minDate", selectedDate);

fiddle

Answer 3

日期不同。它会隐藏日期。

$(function() {
    $( "#beginDate, #endDate" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        onSelect: function( selectedDate ) {
            if(this.id == 'beginDate'){
              var dateMin = $('#beginDate').datepicker("getDate");
              var rMin = new Date(dateMin.getFullYear(), dateMin.getMonth(),dateMin.getDate() + 1); 
              $('#endDate').datepicker("option","minDate",rMin);
              $('#endDate').datepicker('setDate', rMin);                    
            }

        }
    });

Answer 4

问题是我期望日期数据类型的日期选择器。

            var date = new Date(selectedDate);
            date.setDate(date.getDate() +1);
            console.log(selectedDate, date);
            $("#endDate").datepicker("option", "minDate", date);
            $("#endDate").datepicker("option", "maxDate", date);

已更新jsFiddle

将结束日期设置在 select 开始日期之后

set end Date after select start date

javascript

jquery

jquery-ui

jquery-ui-datepicker