Quelle est la manière la plus efficace de renseigner une heure (ou une plage horaire) ?

Question

Bien qu'il existe de nombreuses solutions pour saisir des dates (comme des calendriers, des menus déroulants, etc.), il ne semble pas qu'il existe trop de façons « standard » de demander une heure (ou une plage horaire).

J'ai personnellement essayé des menus déroulants pour les champs heure, minute et seconde (et parfois aussi un champ « AM/PM »).J'ai également essayé plusieurs périphériques d'entrée de type horloge, dont la plupart sont trop difficiles à utiliser pour l'utilisateur final type.J'ai même essayé des menus de sélection d'heure "pop-out" (qui permettent par exemple de survoler l'heure "10" pour recevoir un sous-menu contenant ":00", ":15", ":30". ", et ":45") -- mais aucune de ces méthodes ne semble naturelle.

Jusqu'à présent, la meilleure méthode (et la plus universelle) que j'ai trouvée consiste simplement à utiliser de simples champs de texte et à forcer un utilisateur à renseigner manuellement l'heure, les minutes et les secondes.Alternativement, j'ai eu de bonnes expériences en créant quelque chose de similaire à la « Vue quotidienne » d'Outlook qui vous permet de glisser-déposer un événement pour définir les heures de début et de fin.

Existe-t-il une « meilleure façon » de demander ces informations ?Quelqu'un utilise-t-il un type de widget de saisie de temps vraiment intuitif et facile à utiliser ?Ou existe-t-il au moins un moyen plus efficace que d'utiliser des zones de texte brut ?­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­

Answer 1

Je trouve que l'approche de Google Agenda est la meilleure.Utilisez une zone de texte, mais utilisez JavaScript pour en faire une sorte de liste déroulante permettant de choisir votre heure.Une bonne démo peut être trouvée pour un jQuery mise en œuvre ici

Je n'ai pas encore implémenté cela sur mon site, donc je ne suis pas sûr à 100 %, mais je pense que vous avez également besoin du code de ce plugin jQuery ici :
http://www.texotela.co.uk/code/jquery/timepicker/

Modifier
Le premier lien que j'ai posté ne nécessite pas le code du deuxième lien.C’est simplement basé sur cela.Pour obtenir le fichier JavaScript réel de l'exemple, vous pouvez afficher la source de la page pour trouver où se trouve le fichier, ou vous pouvez accéder directement à l'URL.
http://labs.perifer.se/timedatepicker/jquery.timePicker.js

Answer 2

Il y a un outil très utile saisie du temps outil pour JQuery.Il propose une approche de type « spinner », en plus d'un champ de texte standard.Il prend également en charge l'utilisation de la molette de défilement de la souris pour le réglage (ainsi que l'approche traditionnelle « il suffit de le saisir ») et peut être configuré pour se limiter à n-des étapes d'une minute aussi si vous le souhaitez.Il est assez personnalisable, prend en charge la localisation et une variété d'autres paramètres, je l'ai utilisé avec succès dans quelques projets/sites de démonstration.

Answer 3

Je suis un grand fan de la saisie en langage simple (il y avait un sujet là-dessus l'autre jour).J'aime la façon dont le calendrier du sac à dos 37signals vous permet de saisir des choses (12/08 à 15 heures, réunion avec Tom).J'aime aussi la façon dont ils gèrent les horaires avec leur système de rappel (ils vous proposent des options comme plus tard dans la journée, demain matin).