【问题标题】:How do I restrict the Bootstrap datetimepicker from future dates?如何限制 Bootstrap datetimepicker 未来的日期?
【发布时间】:2018-07-04 09:05:50
【问题描述】:

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

代码示例

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

请大家帮帮我。

【问题讨论】:

标签: bootstrap-4 datetimepicker bootstrap-datetimepicker


【解决方案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/

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

【讨论】:

  • 从今天起您也可以使用maxDate: moment().add(1, 'week') 1周
猜你喜欢
  • 1970-01-01
  • 2019-04-18
  • 1970-01-01
  • 1970-01-01
  • 2018-12-03
  • 1970-01-01
  • 2017-10-23
  • 2012-09-05
  • 1970-01-01
相关资源
最近更新 更多