Estoy trabajando en HTML5, CSS3 y usando jQuery para mi proyecto. Necesito tener un selector de tiempo solamente, sin selector de fecha, para dispositivos móviles como iPad, Galaxy, etc. Debe funcionar con dispositivos con pantalla táctil y sin pantalla táctil. Encontré uno con un control deslizante pero falló en dispositivos móviles.Selector de tiempo para dispositivos móviles
Problema interesante - Probé el primer selector de fechas Jquery (incluye timepickers) ejemplo:
http://plugins.jquery.com/project/cantipi
Funciona una vez en mi iPhone, pero luego no responde al tacto más eventos.
Luego probé el segundo: calendáricas
http://tobiascohen.com/demos/calendrical/
pude ajustar la hora y restablecerla en el iPhone. ¿Lo intentaste?
También puede consultar Sencha para conocer los eventos táctiles y considerar su temporizador.
Escribí este jQuery Time Picker basado en el Datepicker existente pero solo por el tiempo. Nunca lo intenté en un dispositivo móvil, pero creo que funcionará bien.
Puedes probarlo en: http://fgelinas.com/code/timepicker
Gracias por la ayuda. pero muchachos necesito un selector de tiempo que pueda mostrar y dejar que el usuario seleccione el tiempo hasta segundos. Por favor dígame si el control que hizo es también personalizable. –
Chicos, necesito mostrar minutos y segundos de 0 a 59 al usuario. –
Lo siento, no hace eso. La entrada de minutos y segundos sería enorme o complicada. Tal vez necesites un teclado numérico personalizado o algo así. –
Parece que jQuery Mobile actualizado su fecha y hora de un código selector recientemente. Eche un vistazo a las demos aquí (que solo pueden funcionar correctamente en un dispositivo móvil): http://jquerymobile.com/test/docs/forms/textinputs/
He encontrado otra que se ve bastante bien. También cuenta con diferentes estilos para diferentes plataformas: mobiscroll
hermosa, gratis y para todas (grandes) plataformas! Gracias por el puntero! – djunod
@dav_i: es de código abierto, y [disponible en github] (https://github.com/acidb/mobiscroll), por lo que aún es gratis. Una suscripción solo le ofrece soporte premium y algunas otras características (que no valen una tarifa mensual de IMO). – fretje
que estaba buscando un TimePicker nativa en lugar de una medida. Encontré esto que funciona muy bien en Android 4.0+. No lo he probado todavía en iOS.
Hola, este complemento lo he creado yo. Me gustaría decir que este complemento es compatible con Android 2.3+, no solo con 4.0+. Puedes verlo en acción con esta aplicación Play Store: https://play.google.com/store/apps/details?id=com.bikasv.cordovaPlugin. – Bikas
También para agregar, iOS no es compatible en absoluto con este complemento, al menos no por el momento. – Bikas
Im contento de decirles que no hay necesidad de un plugin de terceros con el fin de obtener la funcionalidad de tiempo-recolector.
HTML5 ya tiene un nativo wich selector de tiempo es muy fácil de implementar:
<label for="timePicker1">Set Time:</label>
<input type="time" name="timePicker1" id="timePicker1" value="10:00">
Leer y escribir el valor es igual de fácil con jQuery:
var time = $('#timePicker1').val(); //<- Get value
$('#timePicker1').val("09:30"); //<- Set value
El valor ya sea para set/get es una cadena con formato 'hh: mm'.
Funciona según lo previsto en JQuery Mobile 1.4.2.
También hay otro útil HTML5 controla aquí: http://www.w3schools.com/html/html5_form_input_types.asp
Saludos.
Desafortunadamente no es compatible con todos los principales navegadores – demersus
http://stackoverflow.com/questions/5522880/time-picker-for-mobile-devices/5529521#5529521 ¡gracias por su publicación! ¡Es que busco 2 días! ¡Gran respeto! – 1nstinct