¿Cuál es un buen selector de tiempo para jquery o js independiente? Me gustaría algo como el que usa Google en su calendario, donde tiene un menú desplegable de tiempos comunes en intervalos de 15 minutos o le permite escribir manualmente un tiempo y lo valida.
javascript
jquery
time
input
Elemento
fuente
fuente
Respuestas:
Algunos recursos:
fuente
Este es el mejor que he encontrado hasta la fecha http://trentrichardson.com/examples/timepicker/
fuente
Aquí hay uno que funciona con Twitter Bootstrap.
http://jdewit.github.com/bootstrap-timepicker/
fuente
No estaba contento con ninguno de los selectores de tiempo sugeridos, así que creé el mío propio inspirándome en las especificaciones de Perifer y HTML5:
http://github.com/gregersrygg/jquery.timeInput
Puede usar los nuevos atributos html5 para la entrada de tiempo (paso, mínimo, máximo) o usar un objeto de opciones:
<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>Valida una entrada como esta:
La especificación HTML5 no permite am / pm o sintaxis de hora localizada, por lo que solo permite el formato hh: mm. Se permiten segundos de acuerdo con las especificaciones, pero aún no lo he implementado.
Es muy "alfa", por lo que puede haber algunos errores. No dude en enviarme parches / solicitudes de extracción. Probar manualmente en IE 6 y 8, FF, Chrome y Opera (el último estable en Linux para los últimos).
fuente
Puede leer la publicación del creador de jQuery, John Resig, al respecto aquí: http://ejohn.org/blog/picking-time/ .
fuente
He estado usando ClockPick .
fuente
CSS Gallery tiene una variedad de Selectores de tiempo. Echar un vistazo.
El selector de tiempo de Perifer Design es similar al de Google
fuente
En caso de que alguien esté interesado en otro TimPicker de JavaScript, desarrollé y mantengo un complemento jQuery que hace el trabajo. Funciona de manera similar a EZ Time JS (aunque no lo supe hasta hace 5 minutos: D), lo que permite a los usuarios ingresar la hora de casi cualquier forma con la que se sientan cómodos y convertir la entrada a un formato común.
Pedido de la página Opciones TimePicker jQuery para verlo en acción.
fuente
Lo siento chicos ... tal vez sea un poco tarde ... he estado usando NoGray ... es genial ...
fuente
He estado usando jquery ui timepicker
fuente
NoGray es agradable a la vista, pero hay algunas consideraciones de usabilidad. En primer lugar, los relojes analógicos son cada vez más oscuros y, a veces, los jóvenes tienen dificultades para leerlos. En segundo lugar, arrastrar con el mouse a una hora específica es un poco tedioso, al igual que los selectores de tiempo que usan un control deslizante. En tercer lugar, la interacción del teclado para este selector es un poco esporádica.
Para obtener un selector de tiempo más utilizable, consulte el widget de calendario AJAX de selector de fecha / selector de tiempo Any + Time ™ . Es quizás el selector de tiempo más rápido y fácil de usar disponible, porque usa botones simples para seleccionar tiempos específicos con rapidez y facilidad.
Una prueba interesante de usabilidad es la siguiente: elija una hora impar (digamos, 10:32 pm), luego vea cuánto tiempo lleva seleccionar con precisión esa hora usando varios selectores de tiempo. Probablemente pueda hacerlo más rápido con Any + Time ™ de lo que podría escribir la hora a mano. ¡Intente encontrar otro selector del que pueda decir eso! Sin mencionar, Any + Time ™ admite una innumerable variedad de formatos de fecha / hora, reloj de 12/24 horas, personalización completa de CSS (o jQuery UI) e incluso zonas horarias.
fuente