Bootstrap Datetimepicker弹出窗口显示禁用日期

Question

以下是我的代码

$('#dob').datetimepicker({
  format: 'DD-MM-YYYY',
  maxDate: new Date("2009", "01", "01"),
  useCurrent: false
});

但是当我测试我的界面时，它会弹出已经禁用的日期（当前月份）。这不是用户友好的。我该如何解决，才能打开我允许的最大月份？ （2009年1月），请检查以下图片以供参考。

我用谷歌搜索，但没有找到答案。

Answer 1

您可以使用viewDate选项：

  

这将更改viewDate，而不会更改或设置所选日期。

这里有一个现场样本：

$('#dob').datetimepicker({
  format: 'DD-MM-YYYY',
  maxDate: new Date(2009, 0, 1),
  useCurrent: false,
  viewDate: new Date(2009, 0, 1)
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css" rel="stylesheet"/>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>

<div class="container">
  <div class="row">
    <div class="col-sm-12">
      <input type="text" class="form-control" id="dob" />
    </div>
  </div>
</div>

Answer 2

据我了解，您希望不显示2009年1月之后的日期。

     $('#datetimepicker').datetimepicker({
                 format: 'DD-MM-YYYY',  
                 maxDate:new Date("2008", "12", "1"),
                 });

我试着在小提琴上尝试了这一点，它似乎可以工作，它从新的Date（“ 2008”，“ 12”，“ 1”）开始，因为当给定新的Date（“ 2009”，“ 01”，“ 01”）时，从2009年2月开始，而不是从1月开始

https://jsfiddle.net/HarveyQ/0xq8n62u/26/

我研究了document for datetimepicker，但是找不到隐藏禁用日期的选项。