maxdate 在日期选择器中不起作用

Question

在我的日期选择器中，maxDate 选项不起作用

代码是，

 $('#start_date').datepicker({
    format: 'dd-mm-yyyy', 
    autoclose: true, 
    clearBtn: true, 
    maxDate: new Date()
    }).on('change', function (ev) {

    $('#end_date').datepicker({format: 'dd-mm-yyyy', setDate: $('#start_date').val(), autoclose: true, clearBtn: true, maxDate: new Date()});
});

请帮助我。

Answer 1

您需要指定您的 maxDate 不是当前日期： 例如如果你想在一些标准日期之间进行选择

$( ".selector" ).datepicker({
  maxDate: "+1m +1w"
});

Answer 2

你可以像这样做所有你想做的事：

$(document).ready(function () {
    $("#startdate").datepicker({
        dateFormat: 'dd-mm-yyyy',
        minDate: 0,
        onSelect: function () {
            var dt2 = $('#enddate');
            var startDate = $(this).datepicker('getDate');
            //add 30 days to selected date
            startDate.setDate(startDate.getDate() + 30);
            var minDate = $(this).datepicker('getDate');
            //minDate of enddate datepicker = startdate selected day
            dt2.datepicker('setDate', minDate);
            //sets enddate maxDate to the last day of 30 days window
            dt2.datepicker('option', 'maxDate', startDate);
            //first day which can be selected in enddate is selected date in startdate
            dt2.datepicker('option', 'minDate', minDate);
            //same for startdate
            $(this).datepicker('option', 'minDate', minDate);
        }
    });
    $('#enddate').datepicker({
        dateFormat: 'dd-mm-yyyy'
    });
});