我们有一个移动网站，要求用户输入特定的时间值 - 基本上是hh：mm形式。我们在显示和输入各种浏览器的时间的一致性方面遇到了很大的困难。
在寻找现有的例子时，我们会遇到各种允许“球场”值分钟的站点 - 所以对于他们来说，15分钟（例如）增量的下拉列表很好 - 但是60个值的下拉列表是在任何平台上都很荒谬，特别是手机。
HTML5＆lt;输入类型=“时间”/＆gt;没有让我们到那里。标准文本输入也不是，因为它倾向于提示设备显示alpha键盘，其上没有数字。 HTML5 type =“number”几乎可以使用，但对于某些Android浏览器，它们在数字键盘上没有冒号（:)。
我很清楚我们在移动浏览器的混乱之中，但是有没有人对Android和iPhone的功能有什么好处？
注意：我已经尝试了谷歌搜索，并检查了各种jQuery插件，没有一个为移动设备提供良好的用户体验 - 许多人甚至对于桌面也很差。想法？
答案 0 :(得分：0)
我并不特别喜欢他们的方法，但我相信Any+Time日期/时间选择器在移动设备上运行得相当好 - 它可以静态定位，宽高比和按钮大小看起来正确。< / p>
也就是说，在我的iPhone上进行测试表明需要解决一些问题。值得注意的是，点击选择器窗口小部件中的按钮后，选择器填充的“隐藏”输入字段将被聚焦，视图会四处移动并且屏幕键盘会弹出。
答案 1 :(得分：0)
我讨厌在这里回答我自己的问题，但看起来Mobiscroll最接近于为我们的用户解决问题。我们还查看了jQM-DateBox，但觉得当您向前滚动59或向后滚动0时，我们的用户会自动更改小时值。
除此之外，我们在标准下拉列表中使用jQuery Mobile选择列表进行了评估，但是当我们使用它时感觉错误，因为它本质上在页面上弹出一个div，并且滚动通过这会使整个页面移动很多。我认为对于一些项目来说会很棒，但不适用于我们的用户群。