javascript - example - time picker bootstrap 3
Responsive bootstrap 3 timepicker? (4)
¿Alguien sabe de un buen timepricker bootstrap 3?
He pasado una semana pasando por timepicker después de timepicker y siempre había un problema, por ejemplo: http://jdewit.github.io/bootstrap-timepicker/ hubiera sido perfecto, pero es para bootstrap 2, http://www.malot.fr/bootstrap-datetimepicker/ isnt responsive, y realicé al menos 3 más que o no funcionarían para bootstrap 3, no respondieron, o no soportaron el sistema de 24 horas (que necesito)
Entonces, si alguien sabe de algo bueno que se ve bien, preferiblemente como el jdewit, que es receptivo y que admite sistema de 24 horas, por favor, compártalo sería muy apreciado y terminaría mi búsqueda de una semana para finalmente pasar a algo nuevo: p ¡Gracias!
Aquí hay otra opción que encontré recientemente mientras exploraba el mismo problema: Eonasdan en Github
Funcionó bien para mí en un entorno .NET MVC / Bootstrap 3.
Here''s una página de ejemplo también.
Como una actualización de la pregunta del OP, puedo confirmar que el timepicker encontrado en http://jdewit.github.io/bootstrap-timepicker/ de hecho funciona con Bootstrap 3 ahora sin ningún problema.
Esta es una versión ligeramente modificada de http://jdewit.github.io/bootstrap-timepicker/ que admite bootstrap 3. Puede consultarlo aquí. https://github.com/m3wolf/bootstrap3-timepicker Avíseme si no funciona e intentaré encontrar una alternativa.
Actualizar. Aquí hay otro basado en la misma versión, pero modificado para bootstrap 3. https://github.com/rendom/bootstrap-3-timepicker
Actualización 2. Aquí hay otra más. http://bootstrapformhelpers.com/timepicker/
Por encima de todo, encontré esta biblioteca aquí. Funciona perfectamente en un entorno Bootstrap-3.
Bootstrap-3 reloj-selector
CSS
<link rel="stylesheet" type="text/css" href="dist/bootstrap-clockpicker.min.css">
HTML
<div class="input-group clockpicker">
<input type="text" class="form-control" value="09:30">
<span class="input-group-addon">
<span class="glyphicon glyphicon-time"></span>
</span>
</div>
JAVASCRIPT
<script type="text/javascript" src="dist/bootstrap-clockpicker.min.js"></script>
<script type="text/javascript">
$(''.clockpicker'').clockpicker();
</script>
¡Tan sencillo como eso! Encuentre más ejemplos en el enlace de arriba.
Actualización 18/04/2018
Si está utilizando Bootstrap-4, la biblioteca de selección de fecha / hora más popular disponible actualmente es Tempus Dominus. No es elegante, pero muy receptivo y moderno.