需要一致的TimePicker移动网站gizmo

Question

我们有一个移动网站，要求用户输入一个特定的时间值 - 基本上以hh：mm的形式。从各种浏览器的显示和输入时间的一致性来看，我们遇到了很多困难。

在寻找现有的例子时，我们一直在遇到不同的网站，允许分钟数的“球场”值 - 因此对于他们来说，15分钟（例如）增量的下拉是很好的 - 但是有60个值的下拉在任何平台上，特别是手机上都是荒谬的。

HTML5 < input type =“time”/>没有让我们在那里。标准文本输入不是，因为它往往会提示设备显示没有数字的字母键盘。 HTML5 type =“number”几乎可以工作，但对于某些Android浏览器，在数字键盘上没有冒号（:)。

我很清楚，我们在移动浏览器的混乱之地，但没有人有一个好的想法，哪些可能适用于Android和iPhone？

注意：我试过Google搜索，并检出了各种jQuery插件，但都没有为移动设备提供良好的用户体验，甚至很多桌面设备也很差。想法？

Answer 1

我讨厌在这里回答我自己的问题，但它看起来像Mobiscroll最接近为我们的用户解决问题。我们也看了看jQM-DateBox但认为当你滚过去59我们的用户也不会舒服的小时值自动改变，或向后过去的0.1

除此之外，我们也评估使用jQuery Mobile的选择列表中的标准下拉列表，但它感觉错误，因为我们使用它，因为它基本上在页面上弹出一个div，并滚动浏览整个页面相当多。我认为这对于一些项目会很好，但不适用于我们的用户群。

Answer 2

我不是特别喜欢他们的方法，但我相信Any+Time日期/时间选择器在移动设备上可以很好地工作 - 它可以静态定位，纵横比和按钮尺寸看起来合适。

也就是说，在我的iPhone上进行测试表明需要解决一些问题。值得注意的是，在点击选择器小部件中的一个按钮之后，选择器填充的“隐藏”输入字段被集中并且视图四处移动，屏幕上的键盘弹出。