wickedpicker timepicki plugin bootstrap 24h javascript jquery time input

timepicki - ¿Qué es un buen selector de tiempo de Javascript?



time picker input (11)

¿Cuál es un buen selector de tiempo para jquery o js independientes? Me gustaría que algo como google use en su calendario donde tenga un menú desplegable de los tiempos comunes en intervalos de 15 minutos o te permita ingresar manualmente una hora y la valida.

En caso de que alguien esté interesado en otro TimPicker de JavaScript, desarrollé y mantengo un plugin jQuery que hace el trabajo. Funciona de manera similar a EZ Time JS (aunque no lo sabía hasta hace 5 minutos: D), lo que permite a los usuarios ingresar el tiempo de casi cualquier forma en que se sientan cómodos y convertir la información en un formato común.

Consulte la página de Opciones de jQuery TimePicker para verla en acción.

Lo siento chicos ... tal vez es un poco tarde ... He estado usando NoGray ... es genial ...

No estaba contento con ninguno de los selectores de tiempo sugeridos, así que creé el mío con inspiración de 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 la entrada de esta manera:

  • Insertar ":" si falta
  • ¿No es tiempo válido? Reemplazar con blanco
  • ¿No es un tiempo válido según el paso? Redondee hacia arriba / abajo al paso más cercano

La especificación HTML5 no permite am / pm o sintaxis de tiempo localizado, por lo que solo permite el formato hh: mm. Segundos está permitido según las especificaciones, pero aún no lo he implementado.

Es muy "alfa", por lo que podría haber algunos errores. No dude en enviarme solicitudes de parches / extracción. Han probado manualmente en IE 6 y 8, FF, Chrome y Opera (Último estable en Linux para los últimos).

NoGray es agradable a los ojos, pero hay algunas consideraciones de usabilidad. En primer lugar, los relojes analógicos son cada vez más oscuros, y las personas más jóvenes a veces tienen dificultades para leerlos. En segundo lugar, arrastrar con un mouse a un tiempo específico 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 un selector de tiempo más útil, consulte el widget de calendario AJAX Any + Time ™ Datepicker / Timepicker . 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 un momento impar (digamos, 10:32 p. M.), Luego vea cuánto tiempo lleva seleccionar con precisión ese tiempo utilizando varios selectores de tiempo. Probablemente puedas hacerlo más rápido con Any + Time ™ de lo que podrías escribir el tiempo a mano. ¡Solo intenta encontrar otro selector sobre el que puedas decir eso! Sin mencionar que Any + Time ™ admite una gran variedad de formatos de fecha y hora, reloj de 12/24 horas, personalización completa de CSS (o jQuery UI) e incluso zonas horarias.