Quel est un bon Javascript Time Picker ?

Question

Ce qui est un sélecteur de bonne heure pour js jquery ou autonome ? Je voudrais quelque chose comme google utilise dans leur calendrier où elle a une chute vers le bas de bon temps en intervalles de 15min ou vous permet de taper manuellement dans un temps et il valide il.

Answer 1

Quelques ressources:

• TimeDatePicker (Plugin jQuery)
• jQuery.timepickr
• jQuery.ptTimeSelect
• L'Heure Sélecteur
• De Fantaisie De Temps Sélecteur De
• NoGray Temps Sélecteur De

Answer 2

C’est le meilleur que j’ai trouvé jusqu'à la date http://trentrichardson.com/examples/timepicker/

Answer 3

En Voici une qui fonctionne avec Twitter Bootstrap.

http://jdewit.github.com/bootstrap-timepicker/

Answer 4

Je n'étais pas heureux avec tout le temps suggéré cueilleurs, j'ai donc créé mon propre avec l'inspiration de Perifer et de la spec HTML5:

http://github.com/gregersrygg/jquery.timeInput

Vous pouvez soit utiliser les nouveaux attributs html5 pour le temps d'entrée (étape, min, max), ou d'utiliser un objet options:

<input type="time" name="myTime" class="time-mm-hh" min="9:00" max="18:00" step="1800" />
<input type="time" name="myTime2" class="time-mm-hh" />

<script type="text/javascript">
    $("input[name='myTime']").timeInput(); // use default or html5 attributes
    $("input[name='myTime2']").timeInput({min: "6:00", max: "15:00", step: 900}); // 15 min intervals from 6:00 am to 3:00 pm
</script>

Valide l'entrée comme ceci:

• Insérer ":" en cas de disparition
• Pas de temps valide? Remplacer avec un blanc
• Pas une heure valide selon l'étape? Round up/down pour l'étape la plus proche

La spec HTML5 ne permet pas de am/pm ou localisée temps de syntaxe, alors il n'y autorises le format hh:mm. Secondes est autorisé selon les specs, mais je ne l'ai pas encore mise en oeuvre.

C'est très "alpha", alors il pourrait y avoir quelques bugs. Hésitez pas à m'envoyer des patchs/pull requests. Avez manuellement testé sous IE 6&8, FF, Chrome et Opera (la Dernière version stable sur Linux pour le dernier).

Answer 5

Vous avez pu lire le message du créateur de jQuery John Resig à ce sujet ici : http://ejohn.org/blog/picking-time/.