【问题标题】:Set minDate to Today in Bootstrap DateTimePicker在 Bootstrap DateTimePicker 中将 minDate 设置为今天
【发布时间】:2014-11-23 22:56:32
【问题描述】:

我正在使用 Bootstrap DateTime Picker (http://eonasdan.github.io/bootstrap-datetimepicker/),我找到了设置 minDate 的基本选项;但是,我不能让它设置到今天来挽救我的生命。我已经尝试过 Date();但是,没有任何工作。有人有什么想法吗?

例子

    $('#date').datetimepicker({
        pickTime: false,
        icons: {
                time: "fa fa-clock-o",
                date: "fa fa-calendar",
                up: "fa fa-arrow-up",
                down: "fa fa-arrow-down"
            },
        startDate: new Date()
    });

【问题讨论】:

    标签: jquery twitter-bootstrap bootstrap-datetimepicker


    【解决方案1】:

    如果您使用的是最新版本,则需要设置 minDate 选项。这是带有工作示例的JSFiddle。希望这会有所帮助。

    $('#date').datetimepicker({
        pickTime: false,
        icons: {
          time: "fa fa-clock-o",
          date: "fa fa-calendar",
          up: "fa fa-arrow-up",
          down: "fa fa-arrow-down"
        },
        minDate: moment()
    });
    

    【讨论】:

    • 这仅在您包含附加的 moment.js 库时才有效
    【解决方案2】:
    $(".datepicker-custom-flight").datepicker({
        startDate: "dateToday"
    })
    

    【讨论】:

    • 此答案缺少对文档的解释/参考。
    • @mickmackusa 我也在想同样的事情。 startDate 似乎记录在那里:bootstrap-datepicker.readthedocs.io/en/latest/…。关于格式,似乎只是把 startDate: "today" 或 startDate: "yesterday" 都工作了。我正在寻找正在解析的内容。
    【解决方案3】:

    您可以通过避免使用其他脚本来使用此代码。

    例子

    var todayDate = new Date().getDate();
    var endD= new Date(new Date().setDate(todayDate - 15));
    var currDate = new Date();
    $('.datepicker').datepicker({
        format: 'dd/mm/yyyy',                       
        autoclose: true,
        startDate : endD,
        endDate : currDate
    });
    

    【讨论】:

    • 只需使用 startDate 而不是 minDate 就可以了!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多