Bootstrap / Moment DateTimePicker如何无法显示正确的24小时格式？

Question

I've been plugging away at this for too long and I cannot see where the formatting for Bootstrap's datetimepicker control is being overridden.

The Bootstrap DTP uses Moment.js behind the scenes to format its time picker. The JS code looks like this:

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();
    });
});                                                                 

Nothing appears too complex there and the formatting in the HTML looks similarly simple:

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

However when the model is bound to the view and the JS iterates over the inputs, the times displayed go from 24 hour (eg 14:00 ) to 12 hour (ie 02:00 ).

I'm convinced this has to do with moment.js integration and very likely its handling of timezones but I can't see where I might apply different settings. Suggestions would be more than welcome at this point.

Answer 1

Try this

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