Question

我在我的项目中使用“datepicker”插件，它设置为十年视图，我想要禁用未来的日期，为此我使用了maxDate选项，但它不起作用，我的代码：

$('#data_1 .input-group.date').datepicker({
    todayBtn: "linked",
    maxDate: "0",
    keyboardNavigation: false,
    forceParse: false,
    calendarWeeks: true,
    autoclose: true
});

尝试使用0和new Date

Answer 1

请注意，bootstrap-datepicker没有5 9 8选项，您必须使用endDate。

这是一份工作样本：

＆＃13;

maxDate

＆＃13;

$("#datepicker").datepicker({
  todayBtn: "linked",
  endDate: new Date(),
  keyboardNavigation: false,
  forceParse: false,
  calendarWeeks: true,
  autoclose: true
});

＆＃13;

Answer 2

尝试以下代码：

var today = new Date();  
$('#data_1 .input-group.date').datepicker({
            todayBtn: "linked",
            endDate: "today",
            maxDate: today
            keyboardNavigation: false,
            forceParse: false,
            calendarWeeks: true,
            autoclose: true
        });

您也可以尝试：

 maxDate: 0

Answer 3

添加属性data-date-end-date="0d"对我有用：

<input type="text" id="birthDay" data-date-end-date="0d">

Answer 4

如果您正在尝试使用日历作为开始日期和结束日期，那么这将为您提供帮助：）

`$("#from").datepicker({
    format : 'dd-mm-yyyy',
    endDate: '<?php echo $to; ?>',
    changeMonth: false,
    changeYear: false,
    prevText: '<i class="fa fa-chevron-left"></i>',
    nextText: '<i class="fa fa-chevron-right"></i>',
    onClose: function (selectedDate) {
        $("#to").datepicker("option", "startDate", selectedDate);
    }
});
$("#to").datepicker({
    format : 'dd-mm-yyyy',
    startDate: '<?php echo $from; ?>',
    changeMonth: false,
    changeYear: false,
    prevText: '<i class="fa fa-chevron-left"></i>',
    nextText: '<i class="fa fa-chevron-right"></i>',
    onClose: function (selectedDate) {
        $("#from").datepicker("option", "endDate", selectedDate);
    }
});`

minDate和maxDate选项在datepicker中不起作用

4 个答案: