web-dev-qa-db-fra.com

Qu'est-ce qu'un bon sélecteur de temps Javascript?

Qu'est-ce qu'un bon sélecteur de temps pour jquery ou js autonome? Je voudrais quelque chose comme google utilise dans leur calendrier où il a une liste déroulante des temps communs dans des intervalles de 15 minutes ou vous permet de saisir manuellement un temps et le valide.

javascriptjquerytimeinput
84
Element

Quelques ressources:

74
CMS

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

25
Felix

En voici un qui fonctionne avec Twitter Bootstrap.

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

21
declan

Les sélecteurs de temps suggérés ne me convenaient pas, alors j'ai créé le mien en m'inspirant des spécifications Perifer et HTML5:

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

Vous pouvez soit utiliser le nouveaux attributs html5 pour la saisie de l'heure (step, min, max), ou utiliser un objet d'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 la saisie comme ceci:

  • Insérer ":" s'il manque
  • Heure non valide? Remplacer par un blanc
  • Pas une heure valide selon l'étape? Arrondir au pas le plus proche

La spécification HTML5 n'autorisant pas la syntaxe am/pm ou l'heure localisée, elle n'autorise que le format hh: mm. Seconds est autorisé selon les spécifications, mais je ne l’ai pas encore implémenté.

C'est très "alpha", donc il pourrait y avoir des bugs. N'hésitez pas à m'envoyer des correctifs/demandes d'extraction. Avoir testé manuellement dans IE 6 & 8, FF, Chrome et Opera (Dernière version stable sur Linux pour ces derniers)).).

8
gregers

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

6
Sophie Alpert

J'ai utilisé ClockPick .

4
tvanfosson

Galerie CSS a une variété de sélecteurs de temps. Regarde.

Perifer Design sélecteur de temps est similaire à Google

3
Alagu

Si quelqu'un est intéressé par un autre JavaScript TimPicker, j'ai développé et mis à jour un plugin jQuery qui fait le travail. Cela fonctionne à peu près comme EZ Time JS (bien que je ne le connaisse pas il y a 5 minutes: D), permettant aux utilisateurs de saisir l'heure de presque toutes les manières avec lesquelles ils se sentent à l'aise et en convertissant l'entrée dans un format commun.

Consultez le page Options jQuery TimePicker pour le voir en action.

3
Willington Vega

Désolé les gars .. peut-être qu'il est un peu tard .. j'ai utilisé NoGray .. c'est cool ..

1
Yudi M

J'ai utilisé jquery ui timepicker

1
pryabov