26

无法在引导程序 datetimepicker 中禁用过去的日期

HTML

<br/>
<div class="row">
    <div class="col-md-12">
         <h6>Datetimepicker</h6>

        <div class="form-group">
            <div class="input-group date" id="datetimepicker">
                <input type="text" class="form-control" />  <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span>
            </div>
        </div>

    </div>
</div>

JavaScript

$(function () {
    $('#datetimepicker').datetimepicker();
 });

我也使用startDate了属性。但是没有用。

在这里提琴

4

3 回答 3

52

startDate选项在bootstrap-datepicker中使用 相同的选项在bootstrap-datetimepicker/Options/ doc中的 任何地方都没有提到它有这个minDate选项

 $(function () {
     $('#datetimepicker').datetimepicker({  
         minDate:new Date()
      });
 });

小提琴

于 2015-11-25T11:28:23.073 回答
11

你可以这样做:

$(function () {
   var date = new Date();
   var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());
   $('#datetimepicker').datetimepicker({ 
      minDate: today
   });
});

另一种解决方案:

$(function () { 
  var date = new Date();
  date.setDate(date.getDate()-1);
  $('#datetimepicker').datetimepicker({ 
   startDate: date
  });
});
于 2015-11-25T12:14:08.823 回答
4

我已经使用了您的小提琴并使用以下代码对其进行了更改,该代码禁用了所有过去的日期,它运行良好。

这是小提琴和代码 -

$(function () {
   $('#datetimepicker').datetimepicker({
      minDate : moment()
   });
});
于 2015-11-25T11:50:58.407 回答