javascript - ejemplos - jquery id value

jQuery selector de tiempo

Question

Estoy buscando llenar una entrada de texto con un tiempo que el usuario puede elegir en intervalos de 15 minutos. Sé que hay algunos complementos por ahí. Me preguntaba si había algún complemento "estándar de la industria", o razones objetivas fuertes para preferir uno particular en escenarios comunes.

Answer 1

Aquí está mi intento sobre el tema: http://yoka.github.com/jquery-timeselect/

Answer 2

Aunque no hay uno estándar, he estado usando un plugin jQuery de Keith Wood . A diferencia de algunos, esto se degrada a un cuadro de texto (que todavía puede escribir, mientras todavía realiza la validación), y también se puede utilizar con un mouse si así lo desea.

Answer 3

Creo que cada respuesta, excepto la de Kev, es subjetiva. He visto décimas de plugins JQuery de selector de tiempo en la red, y la mayoría eran trucos inútiles que consumen mucho tiempo, pero si ya usas el selector de fechas estándar de Jquery, este complemento sería apropiado.

Answer 4

Echa un vistazo a jQuery.timepicker de Maxime jQuery.timepicker . Muy bueno, en mi humilde opinión ...

Answer 5

El widget de calendario Any + Time ™ DatePicker / TimePicker AJAX permite seleccionar el tiempo que, al usar el mouse, es tan rápido como escribir a mano, pero tiene el beneficio adicional de la prevención de errores. El tiempo se puede formatear de cualquier manera necesaria. También es compatible con la manipulación del teclado, aunque es cierto que el acceso al teclado no es tan rápido como el del mouse o el tipeo ... pero de nuevo, garantiza que el valor estará en el formato requerido. También es fácil de personalizar y puede manejar fechas también.

Answer 6

Encontré este plugin ( repositorio de github ) que supera al otro mencionado. Se parece al timepicker de Google Calendar.

Answer 7

He estado usando la biblioteca timepicker de Trent Richardson y he encontrado que es genial. Es muy popular también, por cantidad de descargas.

Answer 8

Intenté un montón de timepicker y no estaba satisfecho, así que escribí [yet] otro. Creo que funciona bien. También está inspirado en el marcador de fecha, por lo que se parece a lo estándar de jQuery UI.

Los incrementos por minuto predeterminados están en 5 y se pueden establecer en 15 en las opciones.

http://fgelinas.com/code/timepicker

Answer 9

Lo mejor que he usado es el ofrecido por Telerik.

http://demos.telerik.com/aspnet-ajax/calendar/examples/datetimepicker/overview/defaultcs.aspx

No es molesto, lo que le permite al usuario ingresar la hora o hacer clic en el ícono del reloj para seleccionar de una lista. Básicamente, es un método más estéticamente atractivo de usar menús desplegables editables.

Answer 10

Mi consejo sería no hacer esto. Me parece suficientemente malo estar obligado a usar un control de calendario solo para ingresar una fecha, especialmente cuando no tengo la opción de escribir una fecha que puedo hacer mucho más rápido que navegar otro control extraño.

Los buscadores de tiempo simplemente llevan este tipo de fetiches UI a un nuevo extremo. ¿Por qué no permitir que los usuarios escriban la hora o simplemente utilicen un par de cuadros desplegables durante horas y minutos? Incluso las listas desplegables permiten que un usuario simplemente escriba la hora. El selector de tiempo en la respuesta de Shog9 es muy agradable de ver, pero es increíblemente complicado de usar. Si fuera un usuario final que tuviera que usar una aplicación de ingreso de datos y tuviera un control como ese en la página, entonces solo me ralentizaría y haría que quisiera venir y cortarle las manos a los desarrolladores. :)

Primero, piensa en la facilidad de uso antes de qué tan elegante parezca la aplicación.

Solo mi humilde opinión.

Answer 11

Mi situación era un poco diferente, necesitaba un selector de fecha y hora pero tampoco pude encontrar uno. Así que decidí escribir uno. Puedes encontrar la fuente completa aquí ; También publiqué una demostración rápida .

Answer 12

No es jQuery ... pero he descubierto que un menú desplegable, con una lista de intervalos de quince minutos, 8:00 a.m., 8:15 a.m., 8:30 a.m., etc., es extremadamente fácil de interactuar para el usuario.

No estoy seguro si realmente necesita una forma jQuery de hacer esto ... puede ser demasiado. Solo una opinión basada en mi experiencia personal con usuarios reales y desarrollo de aplicaciones comerciales.

Answer 13

No pude encontrar un complemento que hiciera lo que quería (es decir, autocompletar de varias columnas combinado con enmascaramiento de entrada por tiempo), así que escribí MenuOptions

Lo que parece

Answer 14

Prueba esta gran lib - http://code.google.com/p/mobiscroll/

Demostración - http://demo.mobiscroll.com/

Answer 15

Si está interesado en utilizar un analizador de tiempo bueno y permite al usuario ingresar en una amplia gama de cadenas de tiempo válidas (8:00 a.m., 8 a.m., 8 a, 8, etc.), consulte http://www.datejs.com/ .

Aquí está el código jquery que estoy usando para trabajar con él.

$(''.time'').blur(function (e) {
    var val = $(this).val();
    if (!isNaN(val))
        // add minutes to numeric value otherwise it will be interpreted as a date
        val = val + '':00''; 
    var dt = Date.parse(val);
    $(this).val(dt.toString(''h:mm tt''))
});

Answer 16

Escribí uno basado en el complemento que Jim mencionó (funciona como el selector de tiempo del calendario de Google) pero funciona usando jquery ui autocompletar. Es MUCHO más estable que el complemento mencionado anteriormente. Tuve problemas con ese posicionamiento en la página. El complemento toma una matriz, intervalo de tiempo e intervalos o una fuente Ajax ... para que pueda personalizarlo al contenido de su corazón.