如何限制将来日期的Bootstrap datetimepicker?

时间:2018-07-04 09:05:50

标签: bootstrap-4 datetimepicker bootstrap-datetimepicker

我有一个日期时间选择器。我需要限制将来的日期。 例如:我想从当前日期开始限制将来的日期。

代码示例

     $('.datetimepicker').datetimepicker({
            format: 'mm-dd-yyyy',
            autoclose:true,
            endDate: "today",
            maxDate: today
        });

任何人请帮助我。

1 个答案:

答案 0 :(得分:1)

您可以简单地使用javascript中的Date对象来限制选择,例如:

$(function () {      
    var today = new Date();
    $('#datetimepicker1').datetimepicker({
        format: 'MM-DD-YYYY',
        minDate: today,
        maxDate: new Date(today.getTime() + 7 * 24 * 60 * 60 * 1000) // 1 week from today
    });
});

还允许使用以下格式:string, Date, moment, boolean:false

工作示例:https://jsfiddle.net/amop9r3q/5/

docs:http://eonasdan.github.io/bootstrap-datetimepicker/Functions/#minmaxdate