需要一致的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上進行測試表明需要解決一些問題。值得注意的是，在點擊選擇器小部件中的一個按鈕之後，選擇器填充的「隱藏」輸入字段被集中並且視圖四處移動，屏幕上的鍵盤彈出。