Ce qui est une Bonne Javascript Sélecteur de Temps?

Quel est le bon moment sélecteur jquery ou autonome js? Je voudrais quelque chose comme google utilise dans leur calendrier où l'on a une liste déroulante de la commune de fois en 15min intervalles ou vous permet de taper manuellement dans un temps et il le valide.

  • Très simple, à l'heure sélecteur à bouton spin Ici
  • Je recommande la réouverture de la question. Il est important de reconnaître que le "non constructive" de la catégorie, comme à chaque catégorie devrait avoir des exceptions, je pense à ce, y compris pour les questions de ce type, où la réponse nécessite des connaissances en programmation et n'est pas quelque chose qui peut facilement faire l'objet de recherches.
InformationsquelleAutor |
  1. 74

    Quelques ressources:

    • ...Et non pas un spectateur parmi eux
    • Le TimeDatePicker c'est probablement le meilleur.
    • Je ne vois vraiment pas comment TimeDatePicker est une amélioration par rapport à une liste de sélection.
    • la plupart des bibliothèques cassé
    • C'est beaucoup mieux: weareoutman.github.io/clockpicker
    • Oui, mais n'oubliez pas que vous avez web.archive.org
    • Je l'ai aimé bootstrap-datetimepicker qui avait à la fois la date et l'heure de piquetage combiné et servi mon but.
    • Besoin d'un nouveau answare

    InformationsquelleAutor CMS
  2. 25

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

    • Selon l'application, c'est un de mes favoris aussi bien. Je n'ai besoin de changer les minutes à l'étape de la période de 1 à 15, mais qui a été très facile.
    • mon préféré de la liste. c'est facile, simple, et ce qu'il doit. J'ai utilisé le Tout+de Temps™ Datepicker/Timepicker AJAX Widget de Calendrier avant, mais je vais essayer tout cela à la place.
    • Le site web (et javascript exemple) ne sont plus disponibles. Est-il un échantillon de n'importe où d'autre?
    • Les curseurs ne sont pas exactement les plus faciles et les plus rapides de manière à sélectionner un temps précis.
    • Je suis d'accord avec votre avis, la façon la plus simple peut être une liste de sélection ou de montrer une calculatrice pad de sorte que l'utilisateur peut taper.
    InformationsquelleAutor
  3. 21

    Voici un qui fonctionne avec Twitter Bootstrap.

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

    • merci c'est ce que je cherchais
    • Ce doit être la façon la plus lente de choisir un moment.
    • J'aime beaucoup la simplicité de la Angulaire UI Bootstrap Timepicker.
    InformationsquelleAutor
  4. 8

    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 le de 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 valide en ce moment? Remplacer avec vide
    • Pas une heure valide selon l'étape? Round up/down pour les plus proches étape

    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).

    • Avez-vous une version de démonstration disponible?
    • Désolé, aucun. Je n'ai pas touché ce projet en 4 ans. N'hésitez pas à envoyer pull-requests 🙂
    InformationsquelleAutor
  5. 6

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

    • C'est vraiment cool.
    • Prend beaucoup trop de souris de précision pour l'utilisateur moyen. Il n'est également pas immédiatement de toute évidence la façon d'utiliser cette chose (malgré lui affirmant qu'il est "intuitive"), je ne peux pas le regarder et de savoir comment il va se comporter quand je souris au-dessus de ces chiffres.
    InformationsquelleAutor Sophie Alpert
  6. 4

    J'ai été en utilisant ClockPick.

    • Pas mal, mais l'élément de positionnement est éteint.
    • cela m'a amené à un poisson de la page vous demandant de mettre à jour flash. Veuillez vérifier le lien et de mise à jour.
    InformationsquelleAutor tvanfosson
  7. 3

    Galerie CSS a de la variété de Temps Cueilleurs. Un coup d'oeil.

    Perifer Design l'heure sélecteur est similaire à google un

    • Ah Perifer est exactement ce que je cherche, mais il ne semble pas le faire tout de validation, c'est à dire il me permet de taper "999999999" en tant que valeur
    InformationsquelleAutor Alagu
  8. 3

    Au cas où quelqu'un est intéressé par un autre JavaScript TimPicker, j'ai développé et maintenir un plugin jQuery qui fait le travail. Il fonctionne quelque chose comme EZ de Temps JS (bien que je ne savait pas à ce sujet jusqu'à ce que il ya 5 minutes :D), permettant aux utilisateurs d'entrer le temps dans presque n'importe quelle manière ils se sentent à l'aise avec, et de les convertir dans un format commun.

    La caisse de la jQuery TimePicker Options de la page de le voir en action.

    • La démo est cassé (ou je n'ai pas compris comment l'utiliser!).
    InformationsquelleAutor
  9. 1

    Désolé les gars.. c'est peut-être un peu en retard..
    J'ai été en utilisant NoGray.. c'est cool..

    • Il n'est jamais trop tard pour quelqu'un (pas nécessaire à l'affiche originale) pour le trouver utile. .. ... sauf que NoGray est déjà mentionné par CMS...
    InformationsquelleAutor
  10. 1

    J'ai été en utilisant jquery ui timepicker

    • Trop bogué. Plante le navigateur lorsqu'il y a environ 10 à 20 contrôles.
    InformationsquelleAutor
  11. -1

    NoGray est agréable pour les yeux, mais il y a un peu de convivialité considérations. Tout d'abord, horloge analogique sont de plus en plus obscures et les plus jeunes ont parfois un moment difficile de les lire. Deuxièmement, en les faisant glisser avec la souris pour un temps spécifique est un peu fastidieux, tout comme le temps cueilleurs que l'utilisation d'un curseur. Troisièmement, l'interaction du clavier pour ce sélecteur est un peu sporadique.

    Pour un plus de temps utile sélecteur, découvrez la Tout+de Temps™ Datepicker/Timepicker AJAX Widget de Calendrier. C'est peut-être la manière la plus rapide et la plus facile à utiliser de temps sélecteur de disponible, car il utilise de simples boutons pour sélectionner des moments précis de la vitesse et de la facilité.

    Un test intéressant de la convivialité est-ce: choisissez une drôle de temps (disons, 10:32pm), puis voir combien de temps il prend pour sélectionner avec précision l'époque à l'aide de différents temps de vendangeurs. Vous pouvez probablement le faire plus rapidement avec Tout+de Temps™ que vous pourriez écrire le temps par la main--juste essayer de trouver un autre sélecteur de vous peut dire que sur! Pour ne pas mentionner, Tout+de Temps™ prend en charge une innombrable variété de formats de date/heure, format 12/24 heures, full CSS (ou jQuery UI) de personnalisation et en même temps des zones de!

    • Nice sélecteur. Gratuit pour les non-commerciale de l'utiliser, mais vous devez contacter le développeur sur les coûts de licences pour les projets commerciaux.
    • Il se trouve qu'il est le développeur...
    • La sélection de la 10s et 1s pour les minutes séparément est inutile; vous presque jamais besoin de beaucoup plus de précision. Combiner les 10s et 1s et faire 12 rangs en incréments de 5 minutes. Il s'alignera avec les heures de mieux, être plus rapide, et être suffisant pour la plupart des cas d'utilisation. Vous pourriez aussi envisager de changer le curseur à une main/pointeur lorsque vous passez la souris sur ces boutons.
    • Merci pour les commentaires! Je suis en train de travailler sur une bibliothèque de remplacement qui fournira automatiquement les moins de boutons quand à la minute, la sélection n'est pas une exigence.
    InformationsquelleAutor