禁用先前的日期但是留空?

时间:2016-10-26 19:35:22

标签: eonasdan-datetimepicker

我正在设置minDate: 'now';,以防止在当前日期之前选择日期。但是,这会使用当前日期填充该字段。然而,如果我在该字段上执行验证(即,它已被填充),则不一定是大问题,那么即使没有选择日期,用户仍然可以提交。

有什么方法吗?

编辑:抱歉,但似乎使用daysOfWeekDisabled显示当前日期。仍然不确定该怎么做。

2 个答案:

答案 0 :(得分:2)

您的问题类似于此处描述的问题:issue #1289

要解决此问题,只需将useCurrent设置为false即可。这是一个有效的例子:



$("#datetimepicker1").datetimepicker({
  minDate: moment(),  // min date = now
  useCurrent : false, // do not use current date by default
  daysOfWeekDisabled: [5] // disable some weekdays (e.g. fridays)
})

<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet"/>
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.42/css/bootstrap-datetimepicker.css" rel="stylesheet"/>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.2/moment.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.42/js/bootstrap-datetimepicker.min.js"></script>

<div class="input-group date" id="datetimepicker1">
  <input type="text" class="form-control" />
  <span class="input-group-addon">
    <span class="glyphicon glyphicon-calendar"></span>
  </span>
</div>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

这个黑客怎么样?它不允许选择前一天,但它仍然显示为已启用。不确定这是否有帮助。

("#mydp").datetimepicker({ minDate:(new Date()).setDate(new Date().getDate() - 1),
  useCurrent : false 
})