Los formularios son un elemento que se encuentra presente en todo sitio web ya se suelen usar en las páginas de contacto. Este tipo de formularios usualmente requieren que el usuario complete información básica y sencilla. Sin embargo, en otro tipo de sitios es necesario que el usuario complete información más específica como lugar de residencia, ocupación, etc. Para facilitar esta tarea los sitios web suelen ofrecer un menú desplegable para que el usuario complete los datos necesarios más rápidamente.
Hay otros sitios web, como podrían ser las agencias de viaje u hoteles, que necesitan formularios con selectores de fecha y hora, para saber que día recibirán a sus clientes. En este artículo hemos listado algunos plugin jQuery gratuitos donde los usuarios pueden seleccionar la hora. Muchos de ellos también incluyen selector de fecha.
jQuery Timepicker
https://github.com/jonthornton/jquery-timepicker
jQuery Timeicker es un plugin ligero que ha sido basado en Google Calendar. Permite que el usuario lo emplee usando el ratón o el teclado.
Timepicker
Timepicker es un plugin que permite a tus usuarios seleccionar horas, ya sea añadiéndolas con ayuda del teclado o eligiendo desde un menú desplegable. Automáticamente convierte los datos que ingreses en el formato adecuado para horas.
Combodate
Combodate es un plugin que te permite crear un selector para fecha y hora. Funciona mediante un menú desplegable dónde puedes seleccionar día, mes, año, horas, minutos y segundos.
Bootstrap Date/Time Picker
Bootstrap Date/Time Picker es un widget basado en Bootstrap. Posee diversas opciones para que puedas personalizarlo y también tiene una útil API.
TimePicki
Timepicki es un plugin sencillo, con una interfaz limpia que permite a los usuarios fijar horas en el mismo campo de formulario. Al hacer clic se activa un menú desplegable donde el usuario puede seleccionar horas, minutos y cambiar el formato a AM o PM.
jQuery UI Time Picker
jQuery UI Time Picker se ha creado en base al selector de fechas oficial para jQuery. Se ha diseñado para que combine con formularios y cualquier tema de jQuery UI que elijas. Es un plugin sencillo de implementar en los formularios de tu sitio.
ClockPicker
ClockPicker es un selector de hora para Bootstrap y jQuery. Tiene apariencia de reloj, por lo que es bastante visual. Puedes manejarlo mediante el ratón, pinchando sobre el formulario y modificar la hora mediante el teclado.
jQuery timeInput
jQuery timeInput es un selector de jQuery que añade un menú desplegable con sugerencias de horas. Usa un formato de 24 horas, por lo que no se puede colocar AM o PM.
Bootstrap Material Datetimepicker
Bootstrap Material Datetimepicker es un plugin que, como su nombre indica, posee una interfaz basada en el Material Design. En principio se diseñó para Bootstrap, pero ahora sólo requiere jQuery para que puedas implementarlo en tu sitio.
Time Entry
Time Entry es un plugin que añade un campo adicional a tus formulario. El usuario puede seleccionar la hora con el teclado o haciendo uso del ratón y los botones para modificar la hora o los minutos.
En conclusión…
Implementar un selector de fecha y hora es realmente sencillo con estos plugins jQuery. Este tipo de selectores son bastante útiles en sitios web de agencias de viajes, hoteles, restaurantes u otro tipo de sitio que requiera de reservaciones. Puede que no los utilices en todos los proyectos web que realices, pero seguramente te serán de utilidad en proyectos específicos.
Todos los plugins que listamos son gratuitos y poseen las opciones básicas para que puedas implementarlos en cualquier formulario.
