¿Cuál es la manera más eficiente de poblar un tiempo (o rango de tiempo)?

Question

Si bien existen muchas soluciones para ingresar fechas (como calendarios, menús desplegables, etc.), no parece que haya demasiados " estándar " formas de pedir un tiempo (o rango de tiempo).

Personalmente, he probado los menús desplegables para los campos de hora, minuto y segundo (y algunas veces también un campo de " AM / PM "). También probé varios dispositivos de entrada tipo reloj, la mayoría de los cuales son demasiado difíciles de usar para el usuario final típico. Incluso he intentado " pop-out " menús de selección de tiempo (que le permiten, por ejemplo, desplazarse durante la hora " 10 " para recibir un submenú que contiene ": 00 ", ": 15 "; ": 30 " ;,; " ;: 45 ") - pero ninguno de estos métodos parece natural.

Hasta ahora, el mejor método (y el más universal) que he encontrado es simplemente usar campos de texto simples y obligar a un usuario a llenar manualmente la hora, los minutos y los segundos. Alternativamente, he tenido buenas experiencias creando algo similar a la "Vista de día" de Outlook que le permite arrastrar y soltar un evento para establecer las horas de inicio y finalización.

¿Hay una " mejor manera " pedir esta información? ¿Alguien está usando algún tipo de widget de entrada de tiempo que sea realmente intuitivo y fácil de usar? ¿O hay al menos una forma más eficiente que usar cuadros de texto sin formato? & # 173; & # 173; & # 173; & # 173; & # 173; & # 173; & # 173; & # 173; & # 173; & # 173; & # 173; & # 173; & # 173 173; & # 173; & # 173; & # 173; & # 173; & # 173; & # 173; & # 173; & # 173; & # 173; & # 173; & # 173; & # 173; & # 173; & # 173; & # 173; & # 173; & # 173; & # 173; & # 173; & # 173;

Answer 1

Encuentro que el enfoque de Google Calendar es el mejor. Use un cuadro de texto, pero use JavaScript para hacer que sea una especie de menú desplegable para elegir su tiempo. Se puede encontrar una buena demostración de jQuery implementación aquí

Todavía no lo he implementado en mi sitio, así que no estoy 100% seguro, pero creo que también necesita el código de este complemento de jQuery aquí:
http://www.texotela.co.uk/code/jquery/timepicker/

Editar
El primer enlace que publiqué no requiere el código del segundo enlace. Simplemente se basa en ello. Para obtener el archivo JavaScript real del ejemplo, puede ver la fuente de la página para encontrar dónde está el archivo, o puede ir directamente a la URL
http://labs.perifer.se/timedatepicker/jquery.timePicker.js

Answer 2

Hay una herramienta entrada de tiempo bastante útil para JQuery. Proporciona un enfoque tipo "spinner", además de un campo de texto estándar. También es compatible con el uso de la rueda de desplazamiento del ratón para el ajuste (así como con el enfoque tradicional de "solo escríbalo") y se puede configurar para restringirlo a n , también pasos de minutos si así lo desea. Es bastante personalizable, admite localización y una variedad de otras configuraciones, lo he usado con éxito en un par de proyectos / sitios de demostración.

Answer 3

Soy un gran fan de los comentarios en lenguaje sencillo (hubo otro tema el otro día). Me gusta la forma en que 37signals mochila calendario le permite escribir cosas en (08/12 3pm Reunión con tom). También me gusta la forma en que manejan los tiempos con su sistema de recordatorio (te dan opciones como más tarde hoy, mañana por la mañana).