引导dateTimePicker的拉网显示禁用日期

问题描述 投票:0回答:2

以下是我的代码

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

但是,当我测试我的接口它会弹出已被禁用日期(本月)。这不是用户友好的。如何解决它,所以它会打开我的最大允许一个月? (2009年1月),请检查下面的参考图像。

我用Google搜索,但发现这个没有答案。

enter image description here

twitter-bootstrap calendar bootstrap-datetimepicker eonasdan-datetimepicker disable
2个回答
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>

0
投票

我了解你想要的日期2009年1月后没有露面。

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

我想这对小提琴和它似乎工作,由新的日期(“2008”,“12”,“1”),因为赋予了新的日期时(“2009”,“01”,“01”)从二月份开始启动2009年而不是1月份

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

我研究了document for datetimepicker,却找不到可以选择隐藏禁用日期。

© www.soinside.com 2019 - 2024. All rights reserved.