3/7/14

ClockPicker un selector de Hora/Minutos para tus aplicaciones web

ClockPicker

Navegador soportados: Es soportado por la mayoría de los navegadores incluido IE 9+
Funciona en pantallas de escritorio, smartphone y pantallas táctiles.
ClockPicker fue diseñado para Bootstrap, pero tambien funciona con jQuery

01 <input class="form-control" id="single-input" value="" placeholder="Now">
02 <button type="button" id="check-minutes">Check the minutes</button>
03 
04 <script type="text/javascript">
05 var input = $('#single-input').clockpicker({
06     placement: 'bottom',
07     align: 'left',
08     autoclose: true,
09     'default': 'now'
10 });
11 
12 // Manually toggle to the minutes view
13 $('#check-minutes').click(function(e){
14     // Have to stop propagation here
15     e.stopPropagation();
16     input.clockpicker('show')
17             .clockpicker('toggleView', 'minutes');
18 });
19 </script>

Licencia: MIT

Descargalo en ClockPicker

Opinión: En un principio es un poco confuso como colocar la hora :)

No hay comentarios:

Publicar un comentario