Comment ajuster le format horaire de l'élément <input> (12 heures ou 24 heures) ?

Question

J'utilise un élément d'entrée HTML5 avec type=time. Le problème est qu'il affiche l'heure au format 12 heures, mais je souhaite qu'elle s'affiche au format 24 heures. Comment puis-je le régler sur 24 heures ?

Voici mon champ de saisie :

< /pré>

            

Answer 1

Selon le projet HTML5, input type=time crée un contrôle pour saisir l'heure de la journée, qui devrait être implémenté en utilisant la « méthode d'affichage préférée de l'utilisateur ». Mais en pratique, cela signifie utiliser un widget qui respecte les règles de localisation du navigateur. Par conséquent, quelle que soit la langue du contenu environnant, l'affichage changera en fonction de la langue du navigateur, de la langue du système d'exploitation sous-jacent ou des paramètres régionaux du système (en fonction du navigateur). Par exemple, en utilisant la version finlandaise de Chrome, les widgets que je vois utilisent l'horloge standard de 24 heures. Votre situation peut varier.

Donc, input type=time repose sur une approche qui laisse l'idée de localisation entièrement en dehors de l'auteur de la page. C'est intentionnel ; cette question a été soulevée à plusieurs reprises dans des discussions HTML5, sans changement (sauf peut-être une clarification du texte décrivant ce comportement comme prévu).

Veuillez noter que input type=time不允许使用pattern和placeholder属性。而且，如果实现了placeholder="hrs:mins"les attributs pattern et placeholder ne sont pas autorisés. De plus, si placeholder="hrs:mins" est implémenté, cela peut être trompeur. Lorsque les paramètres régionaux du navigateur utilisent "." comme séparateur d'heure, l'utilisateur devra peut-être saisir 12h30 (en utilisant un point) au lieu de 12h30.

J'ai conclu que pattern属性的浏览器上，应该使用input type=text n'est pas pris en charge et j'ai utilisé du JavaScript pour vérifier l'exactitude de la saisie.

Answer 2

Saisie de l'heure HTML5

Il s'agit du type de date/heure le plus simple, permettant à l'utilisateur de sélectionner une heure sur une horloge de 24/12 heures, généralement en fonction des paramètres régionaux du système d'exploitation de l'utilisateur. La valeur renvoyée est dans 24 heures 小时:分钟格式，看起来类似于14:30.

Plus de détails, y compris son apparence dans chaque navigateur, peuvent être trouvés sur MDN.

<input type="time" name="time">