Timedropper
Timedropper es un plugin jQuery para disponer de un formato más atractivo de obtener o seleccionar una hora (datetimepicker) en un campo de texto en tus formularios.
Es un plugin muy liviano que se instala en 3 segundos.
En la cabecera de tu página tan solo debes añadir la hoja de estilos, la librería jQuery, el plugin y la llamada, como por ejemplo:
En el cuerpo de la página <body> allí donde tengas tu formulario debes añadir el input que abrirá el calendario:
<input type="text" name="alarm" id="alarm" />
Obteniendo como resultado:
Este plugin se puede personalizar un poco con diversas funciones como:
- Cambio automático de hora y minuto
- Establecer el tiempo en 12h o 24h
- Indicar el formato de la hora
- Etc.
Lo mejor del plugin es que en dispositivos pequeños como el móvil funciona perfectamente. Es Responsive Design.
Descargar Timedropper
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Estimado, te felicito por el review, estuve implementando una solución con el timepicker en una tablet con windows 8 pero me aparece nan al poner el dedo y mover la hora o los minutos.