Wie zeigt Bootstrap/Moment DateTimePicker das korrekte 24-Stunden-Format an?

Question

Ich habe zu lange damit wegstecken und ich kann nicht sehen, wo die Formatierung für Bootstrap datetimepicker Steuerelement überschrieben wird.

Das Bootstrap-DTP verwendet Moment.js im Hintergrund, um seine Zeitauswahl zu formatieren. Der JS-Code sieht wie folgt aus:

selector.find(".datepicker").each(function() { 
    var $that = $(this); 

    $that.datetimepicker({ 
     sideBySide: true, 
     useCurrent: false, 
     minDate: new Date(1910, 1, 1) 
    }); 

    $that.children("input").on("focus", function() { 
     $that.data("DateTimePicker").show(); 
    }); 
});                 

Nichts scheint zu komplex dort und die Formatierung in der HTML sieht ähnlich einfach:

@Html.EditorFor(x => x.DateTime, new { @dateFormat = "DD/MM/YYYY HH:mm", @mandatory = true }) 

jedoch, wenn das Modell auf die Ansicht gebunden und die JS iteriert Bei den Eingaben gehen die angezeigten Zeiten von 24 Stunden (zB 14:00) bis 12 Stunden (zB 02:00).

Ich bin davon überzeugt, dass dies mit der Integration von moment.js und sehr wahrscheinlich mit dem Umgang mit Zeitzonen zu tun hat, aber ich kann nicht sehen, wo ich verschiedene Einstellungen anwenden könnte. Vorschläge wären an dieser Stelle mehr als willkommen.

Answer 1

Versuchen Sie, diese

$that.datetimepicker({ 
     format: 'DD/MM/YYYY HH:mm', 
     sideBySide: true, 
     useCurrent: false, 
     minDate: new Date(1910, 1, 1) 
    });