输入类型时间的格式时间

Question

这是我的输入：

                <input
                  type="time"
                  className="start-time"
                  name="busi_start_time"
                  // value="Message"
                />

屏幕将显示为 hh:mm (12h)。如何将其格式化为 HH:mm (24 小时)？

Answer 1

无法自定义 HTML 输入时间的显示格式，如您所见 在文档中：

[...] 根据系统区域设置使用 12 小时或 24 小时格式输入时间

HTML 输入的行为由浏览器定义，似乎所有浏览器都使用操作系统区域设置格式来选择要显示的显示格式展示给用户。因此，看到 12 小时还是 24 小时格式取决于您操作系统上的设置。

强制显示格式的一个潜在解决方案是使用库，但我想这超出了您的问题的范围。