移動設備的時間選取器

Question

我正在使用HTML5，CSS3和我的項目使用jQuery。我只需要一個時間選擇器 - 無日期選擇器 - 適用於iPad，Galaxy等移動設備。它應該可以同時用於觸摸屏和非觸摸屏設備。我發現一個滑塊，但它在移動設備上失敗。

Answer 1

有趣的問題 - 我嘗試了第一個jQuery的日期選擇器（包括timepickers）例如：

http://plugins.jquery.com/project/cantipi

它可以一次在我的iPhone，但隨後未能響應進一步的觸摸事件。

然後我嘗試了第二個：曆法

http://tobiascohen.com/demos/calendrical/

我可以設置時間和重置它在iPhone上。你試過了嗎？

你也可以看看Sencha的觸摸事件，並考慮它的計時器。

Answer 2

我寫這個jQuery時間選取器基於現有的Datepicker，但僅限於時間。從未在移動設備上嘗試過，但我認爲它會運行良好。 http://fgelinas.com/code/timepicker

Answer 3

退房DateBox：

你可以試試。我認爲它正是你需要的：

Answer 4

它看起來像jQuery Mobile的最近更新的日期和時間選擇器代碼。看看這裏的演示（這可能只能在移動設備上正常工作）： http://jquerymobile.com/test/docs/forms/textinputs/

Answer 5

我發現另一個看起來相當不錯。它也有不同的平臺不同的風格：mobiscroll

Answer 6

我一直在尋找一個本地timepicker而不是定製的。發現這在Android 4.0+上效果非常好。我還沒有在iOS上測試過。

http://bikasv.com/blog/2013/04/14/cordova-datepicker/

Answer 7

我很高興地告訴你，有爲了得到時間選擇器功能，無需使用第三方插件。

HTML5早已本地時間選擇器至極是很容易實現：

<label for="timePicker1">Set Time:</label> 
<input type="time" name="timePicker1" id="timePicker1" value="10:00"> 

讀取和寫入值同樣易於使用jQuery：

var time = $('#timePicker1').val(); //<- Get value 
$('#timePicker1').val("09:30");  //<- Set value 

的任一組值/獲取是格式爲「hh：mm」的字符串。

它在JQuery Mobile 1.4.2上按照預期工作。

也有另一種有用的HTML5控制這裏： http://www.w3schools.com/html/html5_form_input_types.asp

問候。