2016-06-08 12 views
2

Das Dropdown-Menü datetimepicker zeigt das Datum in yyyy/mm/dd Format und Uhrzeit im 12-Stunden-Format an. Das Problem ist, wenn ich ein Datum und eine Uhrzeit auswähle, wird die Zeit im 24-Stunden-Format angezeigt. Ich wollte, dass die Uhrzeit im 12-Stunden-Format angezeigt wird.Wie Sie datetimepicker im 12-Stunden-Format in jQuery einstellen

Hier ist mein Code:

$('#datetimepicker').datetimepicker({ 
    dayOfWeekStart: 1, 
    lang: 'en', 
    formatTime: 'h:i a',    
    step: 05 
}); 
+0

verwenden Sie weitere Plugins als jQuery? – harmoniemand

+0

Haben Sie versucht 'formatTime: 'h: i A',' – RiggsFolly

+1

Mögliches Duplikat von [24 Stunden bis 12 Stunden in Zeitpicker Jquery anzeigen] (http://stackoverflow.com/questions/19857506/need-to-show -24-hours-to-12-hrs-in-timepicker-jquery) – RiggsFolly

Antwort

0

richtigen Code ist:

$('#datetimepicker').datetimepicker({ 
    dayOfWeekStart: 1, 
    lang: 'en', 
    formatTime: 'g:i a',    
    step: 05 
}); 

Oder Sie können auch versuchen, dieses: 'datetimepicker.CustomFormat = "HH: mm: ss tt";'

+0

Dies funktioniert für den Picker selbst, aber die Zeit im Eingabefeld zeigt immer noch die Uhrzeit im 24-Stunden-Format an. –

0

Ich habe das herausgefunden. Kaushal Shah war in der Nähe, aber die Ausgabe in die Textbox zeigte mit seiner Lösung nicht im 12-Stunden-Format. Sie müssen den FormatTime-Teil sowie den Formatteil hinzufügen, der unten zu sehen ist.

$('#datetimepicker').datetimepicker({ 
    dayOfWeekStart: 1, 
    format: 'g:i a' 
    lang: 'en', 
    formatTime: 'g:i a',    
    step: 05 
}); 

Die Lösung, die ich benötigt enthielt auch mehr aktuelle Informationen im Format Abschnitt, so sah es mehr wie folgt aus:

$('#datetimepicker').datetimepicker({ 
    format: 'D M-d-Y g:i a', 
    formatTime: 'g:i a', 
    lang: 'en', 
    step: 15 
});