¿Qué es una Buena Javascript Selector de Hora?

Lo que es un buen momento selector de jquery o independiente de js? Me gustaría algo como google utiliza en su calendario, donde dispone de un menú desplegable de común veces en intervalos de 15 minutos o permite escribir manualmente en un tiempo y valida ella.

  • Muy simple, selector de tiempo con el botón de la vuelta Aquí
  • Recomiendo la reapertura de la cuestión. Es importante reconocer que el «no constructiva’ de la categoría, como cada categoría debe tener excepciones – yo creo que incluso para preguntas como esta, donde la respuesta requiere de conocimientos de programación, y no es algo que fácilmente puede ser investigado.

11 Kommentare

  1. 74

    Un par de recursos:

    • …Y no un espectador entre ellos
    • El TimeDatePicker es, probablemente, el mejor.
    • Yo no veo cómo TimeDatePicker es una mejora a través de una lista de selección.
    • la mayoría de las bibliotecas roto
    • Esto es mucho mejor: weareoutman.github.io/clockpicker
    • Sí, pero no olvides que tienes web.archive.org
    • Me gustó bootstrap-datetimepicker, que tuvo tanto la fecha y la hora de piquete combinado y cumplido mi propósito.
    • Necesidad de un nuevo answare

  2. 25

    Este es el mejor que he encontrado hasta la fecha http://trentrichardson.com/examples/timepicker/

    • Dependiendo de la aplicación, este es uno de mis favoritos también. Yo tenía necesidad de cambiar el minuto paso período de 1 a 15, aunque eso era muy fácil.
    • mi favorito de la lista. es fácil, simple, y lo que necesita. Yo he utilizado los de Cualquier+Tiempo™ Datepicker/Timepicker AJAX Widget de Calendario antes, pero voy a dar a este un intento lugar.
    • El sitio web (por ejemplo javascript) no están disponibles. Hay una muestra de ello en otra parte?
    • Reguladores no son precisamente el más fácil o el camino más rápido para seleccionar un tiempo preciso.
    • Estoy de acuerdo con tu opinión, la manera más sencilla puede ser una lista de selección o muestra una calculadora de la almohadilla de modo que el usuario puede escribir.
  3. 8

    Yo no era feliz con cualquiera de los tiempo sugerido recicladores, así que he creado mi propia inspiración de Perifer y la especificación HTML5:

    http://github.com/gregersrygg/jquery.timeInput

    Puede utilizar el los nuevos atributos de html5 por el tiempo de entrada (el paso, min, max), o utilizar un objeto de opciones:

    <input type="time" name="myTime" class="time-mm-hh" min="9:00" max="18:00" step="1800" />
    <input type="time" name="myTime2" class="time-mm-hh" />
    
    <script type="text/javascript">
        $("input[name='myTime']").timeInput(); //use default or html5 attributes
        $("input[name='myTime2']").timeInput({min: "6:00", max: "15:00", step: 900}); //15 min intervals from 6:00 am to 3:00 pm
    </script>

    Valida la entrada como esta:

    • Insertar «:» si falta
    • No válidos tiempo? En blanco reemplazar con
    • No un tiempo de validez de acuerdo a paso? Ronda arriba/abajo para más próximo paso

    La especificación HTML5 no permitir am/pm o localizada tiempo de sintaxis, por lo que sólo allowes el formato hh:mm. Segundos se permite de acuerdo a las especificaciones, pero no me han implementado todavía.

    Es muy «alfa», por lo que puede haber algunos errores. Siéntase libre de enviarme parches/pull requests. Han manualmente probado en IE 6&8, FF, Chrome y Opera (Última versión estable de Linux para estos últimos).

    • ¿Tienes disponible un demo?
    • Lo sentimos, no hay. No he tocado ese proyecto en 4 años. Siéntase libre de enviar pull-requests 🙂
  4. 6

    Se podía leer jQuery creador John Resig post sobre esto aquí: http://ejohn.org/blog/picking-time/.

    • Esto es realmente genial.
    • Se tarda demasiado ratón de precisión para el usuario promedio. También no inmediatamente, obviamente, de cómo usar esa cosa (a pesar de él, asegurando que es «intuitivo») — yo no puedo mirarlo y saber cómo se comportará cuando me ratón por encima de los dígitos.
  5. 4

    He estado usando ClockPick.

    • No está mal, pero el elemento de posicionamiento está apagado.
    • esto me llevó a un pescado a la página pidiendo la actualización de flash. Por favor, compruebe el enlace y actualización.
  6. 3

    Galería CSS tiene variedad de Tiempo de Recicladores. Eche un vistazo.

    Perifer Diseño del selector de hora es similar a la de google uno

    • Ah Perifer es exactamente lo que estoy buscando, pero no parece hacer ninguna validación, es decir, no me permite escribir en «999999999» como un valor
  7. 3

    En caso de que alguien esté interesado en otro JavaScript TimPicker, he desarrollado y mantener un plugin de jQuery que hace el trabajo. Funciona algo así como EZ el Tiempo JS (aunque yo no lo conocía hasta hace 5 minutos :D), que permite a los usuarios introducir el tiempo en casi cualquier forma que se sienta cómodo, y la conversión de la señal de entrada en un formato común.

    Checkout de la jQuery TimePicker Opciones de la página para ver en acción.

    • La demo está roto (o yo no entendía cómo usarlo!).
  8. 1

    Lo siento chicos.. tal vez es un poco tarde..
    He estado usando NoGray.. es genial..

    • Nunca es demasiado tarde para que alguien (no es necesario el cartel original) para encontrar útil. .. … salvo que NoGray ya se ha mencionado, por la CMS…
  9. -1

    NoGray es agradable a los ojos de caramelo, pero hay un par de consideraciones de usabilidad. En primer lugar, relojes analógicos están creciendo cada vez más oscuro, y a los más jóvenes a veces tienen un tiempo difícil la lectura de los mismos. En segundo lugar, arrastrar con el ratón a un momento específico es un poco tedioso, al igual que el tiempo de los recicladores que el uso de un control deslizante. En tercer lugar, la interacción con el teclado de este selector es un poco esporádica.

    Para una más fácil de usar selector de hora, retirar el Cualquier+Tiempo™ Datepicker/Timepicker AJAX Widget de Calendario. Es quizás la forma más rápida y más fácil de usar selector de tiempo disponible, porque usa los botones simples para seleccionar tiempos específicos con velocidad y facilidad.

    Una interesante prueba de la facilidad de uso es este: elegir una extraña tiempo (digamos, 10:32pm), a continuación, vea ¿cuánto tiempo se necesita para seleccionar con precisión que el tiempo de uso tiempo de recicladores. Usted probablemente puede hacerlo más rápido con Cualquier+Tiempo™ que podría escribir el tiempo a mano, sólo tratar de encontrar otro selector se puede decir que se acerca! Por no mencionar, a Cualquier Hora™ soporta gran variedad de formatos de fecha y hora, formato de 12/24 horas, CSS completo (o jQuery UI) de personalización e incluso zonas de tiempo!

    • Bonito selector. Gratis para los no-comerciales, pero usted tiene que comunicarse con el desarrollador acerca de los costos de las licencias para proyectos comerciales.
    • Lo que pasa es que él es el desarrollador de…
    • La selección de los 10s y 1s para el acta por separado es innecesario, casi nunca se necesita que mucha precisión. Combinar los 10s y 1s y hacer 12 filas en incrementos de 5 minutos. Se alinean con las horas mejor, ser más rápido, y ser suficiente para la mayoría de los casos de uso. Usted también podría considerar la posibilidad de cambiar el cursor a una mano/puntero al pasar el cursor sobre los botones.
    • Gracias por los comentarios! Estoy trabajando en un reemplazo de la biblioteca que le ofrece automáticamente menos botones cuando a la hora de la selección no es un requisito.

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea