输入类型时间24小时格式

Posted 2023-02-22

【中文标题】输入类型时间24小时格式

【英文标题】：Input type time 24 hour format

【发布时间】：2019-02-12 13:12:01

【问题描述】：

Stack Overflow 中已经有太多这类老问题了，但现在我想知道有什么新方法可以解决这个问题！

<input type="time">

我们如何将这种 12hr 到 24hr 格式更改为所有浏览器？这将适用于仅 JavaScript 并且无需任何第三方 JS/Jquery。有人可以帮忙吗？

参考问题：

html input time in 24 format

html5 time inputs shows 12 hours

【问题讨论】：

您是否阅读过文档：developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time？

是的.. 但不能在 Chrome 中工作！

什么在 chrome 中不起作用？我在 chrome 中有 24 小时格式。我认为唯一不能正常工作的浏览器是带有 am/pm 符号的 firefox

我的意思是我无法在 Chrome 中选择 24 小时制。如果你有，你可以添加一个答案吗？

@SuperDJ 我正在使用 Chrome 版本 69.0.3497.81

【参考方案1】：

来自documentation：

时间输入的值始终为 24 小时格式：“hh:mm”， 无论输入格式如何，可能会根据 在用户的语言环境中（或通过用户代理）。

因此您需要更改语言环境以获取 24 小时格式。

当我在 2 台不同的笔记本电脑上打开您的同一个问题时，我想到了这一点。一个显示 24 小时制，另一个显示 12 小时制。

您需要在项目中设置 24 小时制的语言环境。

示例：'ja-JP'、'en-GB' 具有 24 小时格式

【讨论】：

You need to set locale in your project which has 24hrs format. 你能解释一下我可以在哪里设置语言环境吗？在文件上？或者我可以把它放在<input type="date">它自己？