在 Bootstrap DateTimePicker 中将 minDate 设置为今天

20

我正在使用 Bootstrap 日期时间选择器 (http://eonasdan.github.io/bootstrap-datetimepicker/),我已经找到了设置最小日期的基本选项,但是我无法将其设置为今天。我尝试过像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()
    });
3个回答

58
如果您使用的是最新版本,则需要设置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()
});

1
只有在包含额外的moment.js库时,此代码才能正常工作。 - Lelio Faieta

11
$(".datepicker-custom-flight").datepicker({
    startDate: "dateToday"
})

这个答案缺少解释或文档参考。 - mickmackusa
@mickmackusa 我也在想同样的问题。startDate似乎在这里有文档:https://bootstrap-datepicker.readthedocs.io/en/latest/options.html#startdate 。关于格式,似乎只需将startDate:“today”或startDate:“yesterday”放入即可。我正在寻找解析的方法。 - Wadih M.

4
您可以使用此代码,避免添加额外的脚本。
示例:
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
});

1
只需使用startDate而不是minDate,它就可以工作了! - Lelio Faieta

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接