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'
});

我需要关注：

如果选择的日期是今天的日期，则在时间戳中，应该无法选择上一个时间。例如，如果我选择今天的日期和当前时间是下午2:11，那么一个人不应该选择2:10或之前。
如果选择的日期是明天或任何日期，则可供选择的最短时间应为上午10:00。
在这两种情况下，可供选择的最长时间应该是下午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()
});

Datetimpicker禁用今天的过去时间，启用tommorow

2 个答案: