为什么我不能输入 20 到 23，但可以输入 19 以下并且工作正常（输入类型 - 时间）

Question

 <input type="time" />

在上面的示例中，您可以看到，当我键入 19 - 它会将其替换为 07 pm ，这是正确的，当我键入 20 时，它会将其转换为 02 （并且pm/am无关紧要），有什么办法使其也适用于 20-23 范围，当我键入 20 时，它应该将其转换为晚上 8 pm

Answer 1

这是现在大多数浏览器上时间输入的预期行为。 在 12 小时制中键入超过 12 的任何内容都将被解释为这样。 所以“14”将返回“02”，“19”将返回“07”。

时间输入根据操作系统设置工作。 对你我来说，那是 12 小时。 对于世界上大部分地区来说，它是 24 小时的。 这就是输入的工作原理，您可以在MDN上阅读更多相关信息。

关于解决方案，我不认为这是你可以在不使用不同输入类型的情况下强制更改（即反对用户的默认偏好）的东西。 除了时间，您还必须使用文本或数字输入并将它们配置为 24 小时制。