jQuery selector de fecha / hora [cerrado]

He estado buscando un complemento jQuery decente que pueda manejar fechas y horas. La interfaz de usuario central DatePickeres excelente, pero desafortunadamente también necesito poder tomar tiempo.

He encontrado algunos trucos para que DatePicker funcione con los tiempos, pero todos parecen bastante poco elegantes y Google no está revelando nada bueno.

¿Existe un buen complemento jQuery para seleccionar fechas y horas en un único control de interfaz de usuario con una interfaz utilizable?

Con mucho, la opción de selector de fecha y hora más bonita y simple es http://trentrichardson.com/examples/timepicker/ .

Es una extensión de jQuery UI Datepicker, por lo que admitirá los mismos temas y funcionará de la misma manera, sintaxis similar, etc. Esto debería empaquetarse con jQuery UI imo.

@David, gracias por la recomendación! @fluid_chelsea, acabo de lanzar Any + Time (TM) versión 3.x que usa jQuery en lugar de Prototype y tiene una interfaz muy mejorada, así que espero que ahora satisfaga sus necesidades:

http://www.ama3.com/anytime/

Cualquier problema, hágamelo saber a través del enlace de comentarios en mi sitio web.

En mi opinión, las fechas y horas deben manejarse como dos cuadros de entrada separados para que sea más útil y eficiente para que el usuario ingrese. Dejar que el usuario ingrese una cosa a la vez es un buen principio, en mi humilde opinión.

Yo uso el núcleo UI DatePicker , y el siguiente selector de tiempo.

Este está inspirado en el que usa Google Calendar:

jQuery timePicker :
ejemplos: http://labs.perifer.se/timedatepicker/
project en github: https://github.com/perifer/timePicker

Me pareció la mejor entre todas las alternativas. El usuario puede ingresar rápidamente, se ve limpio, es simple y le permite ingresar tiempos específicos hasta el minuto.

PD: en mi opinión: los controles deslizantes (utilizados por algunos selectores de tiempo alternativos) toman demasiados clics y requieren la precisión del mouse del usuario (lo que hace que la entrada sea más lenta).

Mi mejor experiencia con un selector de fechas es con el prototipo AnyTime . Sé que eso no es jQuery, pero aún puede valer la pena el compromiso para usted. No conozco absolutamente ningún prototipo, y todavía es bastante fácil trabajar con él.

Una advertencia que he encontrado: no es compatible con versiones anteriores en algunos navegadores. Es decir, no funcionó con una versión más nueva del prototipo en Chrome.

Solo para agregar a la información aquí, The Fluid Project tiene una buena redacción wiki que resume una gran cantidad de recolectores de fecha y hora aquí .

Investigué esto recientemente y aún no he encontrado un selector de fecha decente que también incluya un selector de tiempo decente . Lo que terminé usando fue el impresionante DatePicker de eyecon , con dos simples menús desplegables por tiempo. Sin embargo, tuve la tentación de usar Timepickr.js , parece un enfoque realmente agradable.

Me he encontrado con ese mismo problema. De hecho, desarrollé mi uso de la programación del lado del servidor, pero hice una búsqueda rápida para tratar de ayudarte y encontré esto.

Parece estar bien, no miró demasiado la fuente, pero parece ser puramente JavaScript.

Echale un vistazo:

http://www.rainforestnet.com/datetimepicker/datetimepicker.htm

Aquí está el enlace de la página de demostración:

http://www.rainforestnet.com/datetimepicker/datetimepicker-demo.htm

buena suerte

Este es un código que utilizo para que un usuario seleccione un selector de fecha y hora, establezca la fecha y hora y haga que el otro selector de fecha y hora agregue un minuto a esa hora.

Necesitaba esto para un control de medicamentos personalizado ...

De todos modos, pensé que podría ayudar a alguien más ya que no pude encontrar la respuesta en ningún lugar en línea ...

(al menos no una respuesta completa)

Tenga en cuenta que el 60000 agregado agrega un minuto. (60 * 1000 milisegundos)

$('.frdtPicker').datetimepicker({
        onClose: function(dateText, inst) {
            var endDateTextBox = $('.todtPicker');
            if (endDateTextBox.val() != '') {
                var testStartDate = new Date(dateText);
                var testEndDate = new Date(endDateTextBox.val());
                if (testStartDate > testEndDate) {

                    var testStartDate = new Date(dateText).getTime() + 60000;
                    var testStartDate2 = new Date(testStartDate); 

                    endDateTextBox.datetimepicker('setDate', (new Date(testStartDate2)));
                }
            }
            else {
                var testStartDate = new Date(dateText).getTime() + 60000;
                var testStartDate2 = new Date(testStartDate);
                endDateTextBox.datetimepicker('setDate', (new Date(testStartDate2)));
            }
            $('.frdtPicker').val(dateText); //endDateTextBox.val());

        },
        onSelect: function(selectedDateTime) {
            var start = $(this).datetimepicker('getDate');
            $('.todtPicker').datetimepicker('option', 'minDate', new Date(start.getTime()));
        }
    });

Eche un vistazo al siguiente complemento de JavaScript.

Calendario Javascript con fecha y hora

Lo hice lo más simple posible. pero todavía en sus primeros días. Avíseme los comentarios para poder mejorarlos.

No es jQuery, pero funciona bien para un calendario con tiempo: JavaScript Date Time Picker .

Acabo de vincular el evento de clic para que aparezca:

$(".arrival-date").click(function() {
    NewCssCal($(this).attr('id'), 'mmddyyyy', 'dropdown', true, 12);
});

Hago una función como esta:

function getTime()
{
    var date_obj = new Date();
    var date_obj_hours = date_obj.getHours();
    var date_obj_mins = date_obj.getMinutes();
    var date_obj_second = date_obj.getSeconds();

    var date_obj_time = "'"+date_obj_hours+":"+date_obj_mins+":"+date_obj_second+"'";
    return date_obj_time;
}

Luego uso el jQuery UI datepicker de esta manera:

$("#selector").datepicker( "option", "dateFormat", "yy-mm-dd "+getTime()+"" );

Entonces, obtengo el valor de esta manera: 2010-10-31 12:41:57

Tuvimos problemas para encontrar uno que funcionara como queríamos, así que escribí uno. Mantengo la fuente y corrijo los errores a medida que surgen, además de proporcionar soporte gratuito.

http://www.yart.com.au/Resources/Programming/ASP-NET-JQuery-Date-Time-Control.aspx