2015-08-24 7 views
6

Wenn ich das HTML5 Zeit Eingabeelement hinzufügen, es zeigt mir:Wie kann ich ein "am" - oder "pm" -Indikator anzeigen, das mit dem HTML5-Zeiteingabeelement angezeigt wird?

__:__:__ 

Es scheint, in einem 24-Stunden (Militär/european)-Stunden-Modus zu sein. Wie kann ich einen "am/pm" Indikator anhängen (und wie ich in einer prior question notiert habe, brauche ich auch nicht/will den Sekundenanteil)?

+2

Beachten Sie, dass Datum/Uhrzeit-Eingaben keine vollständige Browserunterstützung haben – charlietfl

+0

Ich denke, dass Sie Ihre eigene Komponente schreiben müssen, die 12 Stunden unterstützt. Oder suchen Sie nach jQuery plugin http://www.sitepoint.com/10-jquery-time-picker-plugins/ – jcubic

+1

(Alteast) In Chrome scheint der Wert automatisch in AM/PM konvertiert und es gibt auch eine Schaltfläche, um es zu ändern . Diese [fiddle] (http://jsfiddle.net/hari_shanx/946s28zw/) hat eine Korrektur für eine deiner 3 letzten Fragen, während die anderen 2 standardmäßig in Chrome funktionieren. – Harry

Antwort

1

Mögliche Duplikate: html5 time inputs shows 12 hours und HTML5 changing <input type="time"> to 24hrs. format? it is possible

Scheint, wie manche Menschen mit 24 Stunden, und andere stecken 12 Stunden mit AM/PM. Hier ist, was ich herausgefunden habe. Für mich war ich im 24-Stunden-Modus festgefahren und das Ändern des Datumsformats des Betriebssystems funktionierte für mich nicht (zumindest nicht sofort, wahrscheinlich aufgrund des vorher installierten Chroms). Also ging ich in Google Chrome Einstellungen -> Show Advanced Settings -> Sprachen -> Sprache und Eingabeeinstellungen ... Dann wechselte ich zu Englisch (USA), starten Sie Chrome und Voilà, 12-Stunden-Modus Auswahl und in der Lage, AM oder PM zu wählen . Daher ist es wahrscheinlich so konzipiert, dass Sie sich keine Gedanken darüber machen müssen und dass es den Formateinstellungen für das Datum/Uhrzeit des Benutzers angezeigt wird. Ich glaube nicht, dass es AT THE MOMENT möglich ist zu erzwingen, wie es rendern wird, wie in dieser Antwort Is there any way to change input type="date" format? beschrieben.

Das von der Benutzerschnittstelle angezeigte Format wird als Benutzereingabe gesteuert und akzeptiert. Browser-Anbieter sind aufgefordert, die Präferenzen des Benutzers zu wählen. Beispiel: Unter Mac OS mit der Region "United States", die im Bereich "Text" der Sprache & ausgewählt wurde, verwendet Chrome 20 das Format "m/d/yy".

Verwandte Themen