Time Picker pour les appareils mobiles
Je travaille en HTML5, CSS3 et j'utilise jQuery pour mon projet. Je n'ai besoin que d'un sélecteur de temps - pas de sélecteur de date - pour les appareils mobiles tels que l'iPad, le Galaxy, etc. J'en ai trouvé un avec un curseur, mais il a échoué sur les appareils mobiles.
Départ DateBox . Je pense qu'il fait exactement ce dont vous avez besoin:
J'ai trouvé un autre qui a l'air bien. Il a également différents styles pour différentes plates-formes: mobiscroll
Je suis heureux de vous dire qu'il n'est pas nécessaire de faire appel à un tiers pour obtenir la fonctionnalité de sélecteur de temps.
HTML5 a déjà un sélecteur de temps natif qui est très facile à implémenter:
<label for="timePicker1">Set Time:</label>
<input type="time" name="timePicker1" id="timePicker1" value="10:00">
Lire et écrire la valeur est également facile avec jQuery:
var time = $('#timePicker1').val(); //<- Get value
$('#timePicker1').val("09:30"); //<- Set value
La valeur de set/get est une chaîne au format 'hh: mm'.
Cela fonctionne comme prévu sur JQuery Mobile 1.4.2.
Il existe également un autre contrôle HTML5 utile: http://www.w3schools.com/html/html5_form_input_types.asp
Cordialement.
J'ai écrit ce sélecteur d'heure jQuery basé sur le Datepicker existant, mais uniquement pour l'heure. Jamais essayé sur un appareil mobile, mais je pense que cela fonctionnera bien.
Vous pouvez l'essayer à l'adresse: http://fgelinas.com/code/timepicker
Il semble que jQuery mobile ait récemment mis à jour son code de sélecteur de date et d’heure. Regardez les démos ici (qui ne peuvent fonctionner correctement que sur un appareil mobile): http://jquerymobile.com/test/docs/forms/textinputs/
Problème intéressant - J'ai essayé le premier exemple Jquery datepicker (inclut timepickers):
http://plugins.jquery.com/project/cantipi
Il fonctionne une fois sur mon iPhone mais ne répond pas aux événements tactiles ultérieurs.
Ensuite, j'ai essayé le second: calendrique
http://tobiascohen.com/demos/calendrical/
Je pourrais régler l'heure et la réinitialiser sur l'iPhone. Est-ce que tu l'as essayé?
Vous pouvez également regarder Sencha pour les événements tactiles et son minuteur.
Je recherchais un timepicker autochtone plutôt qu'un sur mesure. Trouvé ce qui fonctionne vraiment bien sur Android 4.0+. Je n'ai pas encore testé sur iOS.