html - 在 HTML5 中自定义时间输入

Question

我正在尝试自定义标准 HTML5 时间输入字段以适合我的目的。我正在开发一个移动网络应用程序，我要求用户输入事件持续时间的时间（mm：ss）。几乎给了我想要的东西，但我需要删除 AM/PM 选择器。

有谁知道摆脱 AM/PM 的方法？或者，有没有办法修改<input type="number" />接受:字符并且也适合这个目的？

Answer 1

只要您有一个 html 选择框，它就会在任何站点上直接转换为该类型的组合框。

但是，您可能想查看 jqueryMobile。而不是一个用于日期和时间的组合框。您可以分开分钟和秒选择菜单。

• 这是指向 JqueryMobile Docs 的链接：http: //jquerymobile.com/demos/1.1.1/
• 这是您可能需要的选择菜单。 http://jquerymobile.com/demos/1.1.1/docs/forms/selects/

你会惊讶于 jQueryMobile 是多么的简单。这就像使用自定义属性编写 html 一样。

获得分钟和秒的那一刻，您可以将其与 javascript 连接起来。然后，将其作为 POST 的一个值提交。

您可能可以将下图想象为分钟和/或秒，而不是月份、日期和年份。