需要一个一致的TimePicker gizmo用于移动网站 [英] Need a consistent TimePicker gizmo for mobile web site

问题描述

我们有一个移动网站，要求用户输入特定的时间值-基本上以hh:mm格式输入.通过各种浏览器显示和输入时间的一致性给我们带来了很大的困难.

We have a mobile web site that requires users to enter a specific time value--basically in hh:mm form. We're having a great deal of difficulty with the consistency of displaying and entering time from various browsers.

在查找现有示例时，我们经常遇到各种各样的站点，这些站点允许以分钟为单位的棒球场"值-因此，对于它们来说，以15分钟(例如)为增量的下拉列表就可以了-但是具有60值的下拉列表是在任何平台上都是荒谬的，尤其是移动平台.

In looking for existing examples, we keep encountering various sites that allow 'ball park' values for minutes--so for them, a dropdown with 15 minute (for example) increments is fine--but a dropdown with 60 values is ridiculous on any platform, mobile especially.

HTML5<输入type ="time"/>不能使我们到达那里.标准文本输入也不是，因为它倾向于提示设备显示Alpha键盘，该键盘上没有数字. HTML5 type ="number"几乎可以使用，但是对于某些Android浏览器，其数字键盘上没有冒号(:).

The HTML5 < input type="time" /> isn't getting us there. A standard text input isn't either, as it tends to cue the device to show the alpha keyboard, which doesn't have numbers on it. The HTML5 type="number" almost works, but for some Android browsers, which don't have the colon (:) on the numeric keyboard.

我很清楚，我们在移动浏览器领域处于混乱之中，但是有人能对Android和iPhone都适用的功能有个好主意吗?

I'm well aware that we're in the land of chaos with mobile browsers, but does anyone have a good idea of what might function well for both Android and iPhone?

注意:我已经尝试使用谷歌搜索功能，并检查了各种jQuery插件，但都没有一个能为移动用户提供良好的用户体验-即使对于台式机，也有很多用户体验很差.想法?

Note: I've tried googling, and checked out various jQuery plugins, and none provide a good user experience for mobile--and many are poor even for the desktop. Ideas?

推荐答案

我不喜欢在这里回答自己的问题，但看起来像 Mobiscroll 最接近为我们的用户解决问题.我们还查看了 jQM-DateBox ，但是当您向前滚动超过59或向后滚动超过0时，我们的用户对小时值会自动更改感到不满意.

I hate answering my own questions here, but it looks like Mobiscroll comes closest to solving the problem for our users. We also looked at the jQM-DateBox but felt that our users would not be comfortable with the hour value changing automatically when you roll forward past 59, or backward past 0.

除此之外，我们确实在标准下拉列表中使用了jQuery Mobile选择列表进行评估，但是我们使用它时感觉错误，因为它实际上会在页面上弹出div并滚动通过这一点，整个页面移动了很多.我认为一个适合一些项目，但不适用于我们的用户群.

In addition to this, we did evaluate using a jQuery Mobile select list on a standard dropdownlist, but it felt wrong as we used it, as it essentially pops a div on the page, and scrolling through that moves the entire page quite a bit. I think that one would be great for a few items, but not applicable to our user base.

这篇关于需要一个一致的TimePicker gizmo用于移动网站的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！