Bootstrap DateTimePicker 设置最小时间

Question

我有一个 bootstrap 日期时间选择器。当前的最短时间是实时时间。我需要最少的实时时间加上 20 分钟。因此，如果它是 2:30PM，我需要在 datetimepicker 中允许的最短时间是 2:50PM。我怎样才能做到这一点？

<div class="calender">                          
  <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>

  @section scripts {
    <script>
      $("#datetimepicker1").datetimepicker({
        minDate: new Date()                                      
      });
    </script>
  }                           
</div>

Answer 1

实际上你是在问 'how can I add 20 minutes to the current Date?' 为此你可以使用 setMinutes()，像这样：

var minDate = new Date();
minDate.setMinutes(minDate.getMinutes() + 20);

$("#datetimepicker1").datetimepicker({
    minDate: minDate                                
});

Answer 2

为简单起见，您可以使用moment.js，因为它支持add()的功能。

对于您的情况，您可以使用 .add(20,'minutes') 或 .add(20, 'm').

参考：https://momentjs.com/docs/#/manipulating/add/

其他

var currentDateTime = new Date();
var newDateTime = currentDateTime.setMinutes(currentDateTime.getMinutes() +20); 
$('datetimepicker1').val(newDateTime);

参考：http://jsfiddle.net/MKK2V/

Bootstrap DateTimePicker 设置最小时间

Bootstrap DateTimePicker set minimum time

jquery

datetimepicker

twitter-bootstrap