引导日期时间选择器删除子午线上午/下午

Question

I'm using asp.net MVC TextBoxFor to bind bootstrap-datetimepicker. It's working fine with simple input type text box.

But when I'm binding it with mvc textbox helper it's showing wrong year like '31/10/1899 00:00'

Then I got the solution somewhere to fix that.

$('.datetimepicker').datetimepicker({
    format: "dd-mm-yyyy hh:ii:00P",
    autoclose: true
});

It's working fine, but now It's adding meridians at the very end like AM/PM. I need to remove those AM/PM.

Any help would be appreciated.

Answer 1

只需删除foramt变量末尾的P，请参见下文

format: "dd-mm-yyyy hh:ii:00",

Answer 2

try this:

$('.datetimepicker').datetimepicker({
            autoclose: true,
            showMeridian:false
        });

Answer 3

As two previous answers said, to remove meridian you can combine both format and showMeridian usage:

$('.datetimepicker').datetimepicker({ 
    format: "dd-mm-yyyy hh:ii:00",
    autoclose: true,
    showMeridian: false
});

However, there is a glitch when datepicker lost its focus without selecting anything or making incomplete selections, it reverts date back to December 31, 1899 (reproduced in this example fiddle ). I managed to check bootstrap-datetimepicker.js file and found parseDate function causing this behavior:

parseDate: function (date, format, language, type, timezone) {
    var parts = date && date.toString().match(this.nonpunctuation) || [],
        // this line below represents December 31, 1899 (try using console.log)
        date = new Date(0, 0, 0, 0, 0, 0, 0), 
        // -- skipped for brevity --
    val, filtered, part;
    // -- skipped for brevity --
}

A little tweak is possible by changing date assignment into current date:

parseDate: function (date, format, language, type, timezone) {
    var parts = date && date.toString().match(this.nonpunctuation) || [],
        date = new Date(),
        // -- skipped for brevity --
    val, filtered, part;
    // -- skipped for brevity --
}

Note: This tweak only available for non-CDN script (installed through NuGet package or manually placed in Scripts folder).

Related issues:

Issue #494: Date set to '31 Dec 1899 00:00' when focus lost without selecting date

Issue #153