Bootstrap DateTimePicker défini le temps minimum

Question

J'ai un datetimepicker bootstrap. C'est le temps minimum actuel, quel que soit le temps en temps réel. J'ai besoin du temps minimum pour être en temps réel plus 20 minutes supplémentaires. Donc, s'il est 14h30 j'ai besoin du temps minimum autorisé pour être 14h50 dans le datetimepicker. Comment puis-je faire ceci?

<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

En effet, vous demandez 'comment puis-je ajouter 20 minutes à la date actuelle?' Pour ce faire, vous pouvez utiliser setMinutes(), comme ceci:

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

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

Answer 2

Pour faire simple, vous pouvez utiliser moment.js car il prend en charge une fonctionnalité de add(). Dans votre cas, vous pouvez utiliser .add(20,'minutes') ou. add(20, 'm').

Référence: https://momentjs.com/docs/#/manipulating/add/

autre

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

Référence: http://jsfiddle.net/MKK2V/