在HTML5中自定义时间输入

Question

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

有谁知道的方式摆脱AM/PM的？或者，是否有办法修改<input type="number" />以接受:角色并且也适合此目的？

Answer 1

只要你有一个html选择框，它将直接转换为任何网站上的那种类型的组合框。

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

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

你会感到jQueryMobile是多么容易。这就像使用自定义属性编写html一样。

当你得到分钟和秒钟的时候，你可以连接它与JavaScript。然后，将其作为POST的一个值提交。

您可以将下面的图像想象成分钟和/或秒而不是月，日期和年。