bootstrap datetimepicker - maxDate relativ zu jetzt setzen?

Question

Ich benutze diese Datetime:
http://eonasdan.github.io/bootstrap-datetimepicker/Options/
Grundsätzlich möchte ich maxDate: moment() setzen, das heißt MaxDate sollte nun begrenzt werden. Das Problem ist, wenn der Datepicker geöffnet ist, ist maxDate nicht jetzt() mehr. Ich möchte es MaxDate jetzt jedes Mal wenn der Datepicker angezeigt wird festlegen.

Ich möchte es global erzwingen, wenn möglich, nicht auf jeder datetimepicker() Instanz angeben. Ist es möglich, mit moment.js ein relatives Datum anzugeben?

Sehen Sie diese Geige:
https://jsfiddle.net/0Ltv25o8/3281/
ich MaxDate gesetzt jetzt. Sie werden nach dem Laden der Seite sehen, dass Sie die aktuellen Minuten nicht mit den Pfeiltasten auswählen können.

Answer 1

Wie wäre es benutzerdefinierte Version von Datepicker-Plugin?

Ich habe den neuen Parameter maxDateNow (irgendwelche Ideen für einen besseren Namen?) Hinzugefügt, der Datum/Zeit bis zur Gegenwart auswählen kann.

$('#datetimepicker1').datetimepicker({maxDateNow: true, format:'DD/MM/YYYY HH:mm'}); 

Sehen Sie diese fiddle

Answer 2

Sie können sich das Ereignis dp.show anhören, sodass Sie jedes Mal, wenn der Picker angezeigt wird, maxDate auf die aktuelle Uhrzeit ändern können. Hier ist ein Codebeispiel:

$('#datetimepicker1').datetimepicker({ 
 
    maxDate: moment(), 
 
    format:'DD/MM/YYYY HH:mm' 
 
}).on('dp.show', function(){ 
 
    $('#datetimepicker1').data("DateTimePicker").maxDate(moment()); 
 
});

<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet"/> 
 
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css" rel="stylesheet"/> 
 

 
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script> 
 

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