Selecionador de data / hora do jQuery [fechado]

Eu estive procurando um plugin jQuery decente que possa lidar com datas e horas. A interface do usuário principal DatePickeré ótima, mas, infelizmente, também preciso levar tempo.

Encontrei alguns hacks para o DatePicker funcionar com horários, mas todos parecem muito deselegantes e o Google não está aparecendo nada agradável.

Existe um bom plugin jQuery para selecionar datas e horas em um único controle de interface do usuário com uma interface utilizável?

De longe, a opção mais agradável e simples de selecionar o DateTime é http://trentrichardson.com/examples/timepicker/ .

É uma extensão do DateQuicker da interface do usuário do jQuery, portanto ele suporta os mesmos temas e funciona da mesma maneira, sintaxe semelhante etc. Isso deve ser fornecido com a imo da interface do usuário do jQuery.

@ David, obrigado pela recomendação! @fluid_chelsea, acabei de lançar o Any + Time (TM) versão 3.x que usa jQuery em vez de Prototype e possui uma interface muito melhorada, então espero que agora atenda às suas necessidades:

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

Qualquer problema, por favor me avise através do link de comentário no meu site!

Na minha opinião, as datas e horas devem ser tratadas como duas caixas de entrada separadas para que sejam mais utilizáveis ​​e eficientes para a entrada do usuário. Deixe o usuário inserir uma coisa de cada vez é um bom princípio, imho.

Uso o DatePicker da interface do usuário principal e o seletor de horário a seguir.

Este é inspirado no que o Google Agenda usa:

jQuery timePicker :
exemplos: http://labs.perifer.se/timedatepicker/
projeto no github: https://github.com/perifer/timePicker

Eu achei que era o melhor entre todas as alternativas. O usuário pode inserir rapidamente, parece limpo, é simples e permite que o usuário insira tempos específicos até o minuto.

PS: Na minha opinião: os controles deslizantes (usados ​​por alguns selecionadores de hora alternativos) levam muitos cliques e exigem precisão do mouse do usuário (o que torna a entrada mais lenta).

Minha melhor experiência com um datepicker é com o AnyTime baseado em protótipo . Sei que não é jQuery, mas ainda pode valer a pena o compromisso para você. Não conheço absolutamente nenhum protótipo e ainda é fácil trabalhar com isso.

Uma ressalva que eu encontrei: não é compatível com a frente em alguns navegadores. Ou seja, não funcionou com uma versão mais recente do protótipo no Chrome.

Apenas para adicionar informações aqui, o The Fluid Project possui um ótimo artigo sobre wiki, com uma visão geral de um grande número de seletores de data e / ou hora aqui .

Eu pesquisei isso recentemente e ainda não encontrei um selecionador de data decente que também inclua um selecionador de tempo decente . O que acabei usando foi o incrível DatePicker do eyecon , com dois menus suspensos simples para o tempo. Fiquei tentado a usar o Timepickr.js , parece uma abordagem muito boa.

Eu encontrei o mesmo problema. Na verdade, desenvolvi minha programação usando o servidor, mas fiz uma pesquisa rápida para tentar ajudá-lo e descobri isso.

Parece bom, não olhou muito para a fonte, mas parece ser puramente JavaScript.

Veja:

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

Aqui está o link da página de demonstração:

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

boa sorte

Este é um código que eu uso para que um usuário selecione um datetimepicker, defina o datetimepicker e faça com que o outro datetimepicker inclua um minuto nesse horário.

Eu precisava disso para um controle de medicação personalizado ....

Enfim, pensei que poderia ajudar alguém, já que eu não consegui encontrar a resposta em nenhum lugar on-line ...

(pelo menos não uma resposta completa)

Tenha em mente que o 60000 adicionado adiciona um minuto. (60 * 1000 milissegundos)

$('.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()));
        }
    });

Dê uma olhada no seguinte plugin JavaScript.

Calendário Javascript com data e hora

Eu fiz o mais simples possível. mas ainda nos seus primeiros dias. Deixe-me saber o feedback para que eu possa melhorá-lo.

Não é jQuery, mas funciona bem para um calendário com hora: JavaScript Date Time Picker .

Acabei de vincular o evento click para exibi-lo:

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

Eu faço uma função 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;
}

Então eu uso o datepicker da interface do usuário do jQuery assim:

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

Então, eu recebo o valor assim: 2010-10-31 12:41:57

Tivemos problemas para encontrar um que funcionasse da maneira que queríamos, então escrevi um. Eu mantenho a fonte e corrijo os bugs conforme eles surgem, além de fornecer suporte gratuito.

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