2

我们有一个移动网站，要求用户输入特定的时间值——基本上是 hh:mm 形式。我们在从各种浏览器显示和输入时间的一致性方面遇到了很大的困难。

在寻找现有示例时，我们不断遇到各种允许“球场”值表示几分钟的网站——所以对他们来说，以 15 分钟（例如）为增量的下拉列表很好——但在任何情况下，带有 60 个值的下拉列表都是荒谬的平台，尤其是移动端。

HTML5 < input type="time" /> 没有让我们到达那里。标准文本输入也不是，因为它倾向于提示设备显示字母键盘，它上面没有数字。HTML5 type="number" 几乎可以工作，但对于一些 Android 浏览器，数字键盘上没有冒号 (:)。

我很清楚，我们正处于移动浏览器的混乱之地，但有没有人知道什么可以同时适用于 Android 和 iPhone？

注意：我尝试过谷歌搜索，并查看了各种 jQuery 插件，但没有一个为移动设备提供良好的用户体验——甚至对于桌面来说，很多都很差。想法？

4

2 回答 2

0

我不是特别喜欢他们的方法，但我相信Any+Time日期/时间选择器在移动设备上会运行得相当好——它可以静态定位，并且纵横比和按钮大小看起来很合适。

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

于 2011-09-28T20:23:48.677 回答
0

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

除此之外，我们确实使用标准下拉列表上的 jQuery Mobile 选择列表进行了评估，但我们使用它时感觉不对，因为它本质上会在页面上弹出一个 div，并且滚动浏览会移动整个页面相当多。我认为这对于一些项目来说会很棒，但不适用于我们的用户群。

于 2011-09-30T15:49:28.483 回答