maxdate在datepicker中不起作用

时间:2017-09-26 05:47:27

标签: jquery datepicker

在我的日期选择器中,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()});
});

请帮帮我。

2 个答案:

答案 0 :(得分:0)

您需要指定maxDate Not current date: 例如如果你想在一些标准日期之间进行选择

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

答案 1 :(得分:0)

你可以做这样的事情:

$(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'
    });
});