HTML-Eingabezeit in 24-Format

Question

ich unter HTML-Tag bin mit:

<input type="time" /> 

In Chrome Sein Auftritt PM/AM-Format, können wir beschränken immer 24-Format angezeigt werden soll. Ich möchte nicht

Answer 1

Wie in this answer angegeben nicht alle Browser die Standard-Art und Weise unterstützen. Es ist keine gute Idee, für eine robuste Benutzererfahrung zu verwenden. Und wenn Sie es verwenden, können Sie nicht zu viel fragen.

Verwenden Sie stattdessen Zeitauswahlbibliotheken. Zum Beispiel: TimePicker.js ist eine Null-Abhängigkeits- und Lightweight-Bibliothek. Verwenden Sie es mögen:

var timepicker = new TimePicker('time', { 
 
    lang: 'en', 
 
    theme: 'dark' 
 
}); 
 
timepicker.on('change', function(evt) { 
 
    
 
    var value = (evt.hour || '00') + ':' + (evt.minute || '00'); 
 
    evt.element.value = value; 
 

 
});

<script src="http://cdn.jsdelivr.net/timepicker.js/latest/timepicker.min.js"></script> 
 
<link href="http://cdn.jsdelivr.net/timepicker.js/latest/timepicker.min.css" rel="stylesheet"/> 
 

 
<div> 
 
    <input type="text" id="time" placeholder="Time"> 
 
</div>

Answer 2

HTML5-Tag verwenden Es gibt keine Möglichkeit, diese noch zu tun, weil das type=time Element wirklich neu ist.

https://www.w3.org/TR/2012/WD-html-markup-20120315/input.time.html hat eine Liste der gültigen Attribute ...

EDIT Fest Defekten Link

Answer 3

Sie es mit dem HTML5-Eingabetyp nicht tun kann. Es gibt viele Bibliotheken, die dafür zur Verfügung stehen. Sie können momentjs oder andere jQuery UI-Komponenten für das beste Ergebnis verwenden.