如何让 HTML5 时间输入元素显示“am”或“pm”指示符？答案

【问题标题】：How can I get an "am" or "pm" indicator to display with the HTML5 time input element?如何让 HTML5 时间输入元素显示“am”或“pm”指示符？
【发布时间】：2015-08-24 14:18:55
【问题描述】：

当我添加 HTML5 时间输入元素时，它会显示：

__:__:__

它似乎处于 24 小时（军事/欧洲）小时模式。我怎样才能让它附加一个“am/pm”指示符（并且，正如我在prior question 中指出的那样，我也不需要/想要秒部分）？

【问题讨论】：

请注意，日期/时间输入没有完整的浏览器支持
我认为您需要编写自己的支持 12 小时的组件。或者搜索jQuery插件sitepoint.com/10-jquery-time-picker-plugins
(Alteast) 在 Chrome 中，该值似乎会自动转换为 AM/PM，并且还有按钮可以更改它。这个fiddle 修复了您最近的 3 个问题之一，而其他 2 个在 Chrome 中默认工作。
到目前为止，这是由每个浏览器实现定义的：w3schools.com/html/html_form_input_types.asp 看起来没有办法设置格式。一个解决方案是使用带有 jquery 插件的默认输入文本。

标签： javascript jquery css html

【解决方案1】：

可能的重复：html5 time inputs shows 12 hours 和 HTML5 changing <input type="time"> to 24hrs. format? it is possible

似乎有些人被困在 24 小时，而另一些人则被困在上午/下午 12 小时。这是我发现的。对我来说，我被困在 24 小时模式并且更改操作系统的日期格式对我不起作用（至少不是马上可能是由于之前安装的 chrome）。所以我进入了谷歌浏览器的设置 -> 显示高级设置 -> 语言 -> 语言和输入设置...然后我切换到英语（美国），重新启动 Chrome 和 Voilà，12 小时模式选择并能够选择上午或下午.所以它可能是这样设计的，所以你不必担心它，它会显示给用户的日期/时间格式偏好。我认为目前无法强制按照此答案Is there any way to change input type="date" format? 中所述的方式进行渲染。

用户界面控件显示的格式并接受为用户输入。鼓励浏览器供应商遵循用户的偏好选择。例如，在区域为“United”的 Mac OS 上在语言和文本首选项窗格中选择“状态”，Chrome 20 使用格式“m/d/yy”。

【讨论】：