Datetimepicker 禁用今天的过去时间，为明天启用

Question

这是我的 jsfiddle：http://jsfiddle.net/vivpad/7s0a7m3p/7/
我正在使用 http://eonasdan.github.io/bootstrap-datetimepicker/ 和 moment.js

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

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

<input type="text" class="form-control" id="datetimepicker2" />
</div>
</div>

我的JQuery代码如下

$('#datetimepicker1').datetimepicker({
  format: 'DD/MM/YYYY'
});

$('#datetimepicker2').datetimepicker({
  format: 'LT'
});

我需要以下内容：

如果日期 selected 是今天的日期，那么在 timepicker 中应该不能 select 以前的时间。例如，如果我 select 今天的日期和当前时间是 2:11pm 那么应该不能 select 2:10 或之前。
如果 selected 日期是明天或更远的任何日期，那么 selection 可用的最短时间应该是 10:00 上午。
在这两种情况下，selection 的最大可用时间应该是 5:00 下午，而不是超过那个时间。
今天之前的所有日期都应该被禁用。

Answer 1

试试这个

<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>

JS

$(function () {     
            $('#datetimepicker').datetimepicker({ 
             format : 'DD/MM/YYYY HH:mm',
            minDate: moment().add(1, 'h'),enabledHours: [10, 11, 12, 13, 14, 15, 16,17]
                });

        });

Fiddle demo

Answer 2

你可以使用这样的东西 --

$('#datetimepicker').datetimepicker({
    'format': 'd/m/Y H:i',
    'minDate': -0,
    'closeOnDateSelect' : true,
    'validateOnBlur' : true,
    'minDateTime': new Date()
});

Datetimepicker 禁用今天的过去时间，为明天启用

Datetimpicker disable past times for today, enable for tommorow

jquery

datetimepicker

bootstrap-datetimepicker