Question

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

<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

实际上，您要问我如何在当前日期添加20分钟？＆＃39;为此，您可以使用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设置最短时间

2 个答案: