Выбор даты / времени jQuery [закрыт]

Я искал приличный плагин jQuery, который может обрабатывать как даты, так и время. Основной пользовательский интерфейс DatePickerвеликолепен, но, к сожалению, мне нужно уметь уделять время.

Я нашел несколько хаков для DatePicker, чтобы работать со временем, но все они кажутся довольно не элегантными, и Google не дает ничего хорошего.

Есть ли хороший плагин jQuery для выбора даты и времени в одном элементе управления пользовательского интерфейса с удобным интерфейсом?

Безусловно, самый хороший и простой вариант выбора DateTime - http://trentrichardson.com/examples/timepicker/ .

Это расширение jQuery UI Datepicker, поэтому оно будет поддерживать те же темы, а также работать практически одинаково, схожим синтаксисом и т. Д. Это должно быть в комплекте с jQuery UI imo.

@ Дэвид, спасибо за рекомендацию! @fluid_chelsea, я только что выпустил Any + Time (TM) версии 3.x, которая использует jQuery вместо Prototype и имеет значительно улучшенный интерфейс, поэтому я надеюсь, что теперь он отвечает вашим потребностям:

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

Любые проблемы, пожалуйста, дайте мне знать через ссылку на мой сайт!

На мой взгляд, даты и время должны обрабатываться как два отдельных поля ввода, чтобы они были наиболее удобными и эффективными для ввода пользователем. Пусть пользователь вводит одну вещь за раз, это хороший принцип, imho.

Я использую базовый пользовательский интерфейс DatePicker и следующий указатель времени.

Этот вдохновлен тем, что использует Календарь Google:

jQuery timePicker :
примеры: http://labs.perifer.se/timedatepicker/
проект на github: https://github.com/perifer/timePicker

Я нашел это, чтобы быть лучшим среди всех альтернатив. Пользователь может быстро вводить, он выглядит чисто, просто и позволяет пользователю вводить определенное время вплоть до минуты.

PS: На мой взгляд: ползунки (используемые некоторыми альтернативными таймерами) берут слишком много кликов и требуют от мыши точности мыши (что делает ввод медленнее).

Мой лучший опыт работы с датщиком связан с AnyTime на основе прототипа . Я знаю, что это не JQuery, но это все же может стоить компромисса для вас. Я не знаю абсолютно никакого прототипа, и с ним все еще достаточно легко работать.

Одно замечание, которое я нашел: оно не совместимо с некоторыми браузерами. То есть он не работал с более новой версией прототипа на Chrome.

Просто добавить к информации здесь, Проект Fluid имеет хорошие вика рецензию как описать большое количество даты и / или время сборщиков здесь .

Я исследовал это совсем недавно и еще не нашел приличного сборщика дат, который также включает в себя приличный сборщик времени. В итоге я использовал потрясающий DatePicker от eyecon с двумя простыми выпадающими списками времени. Я был соблазн использовать Timepickr.js, хотя, похоже, действительно хороший подход.

Я столкнулся с той же проблемой. Я на самом деле разработал свое использование серверного программирования, но я быстро нашел, чтобы попытаться помочь вам, и нашел это.

Кажется, хорошо, я не слишком много смотрю на источник, но, похоже, это просто JavaScript.

Взгляни:

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

Вот ссылка на демонстрационную страницу:

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

удачи

Это некоторый код, который я использую, чтобы пользователь выбрал один datetimepicker, установил datetime, а другой datetimepicker добавил одну минуту к этому времени.

Мне нужно было это для индивидуального контроля лекарств ....

Во всяком случае, подумал, что это может помочь кому-то еще, так как я не мог найти ответ где-нибудь в Интернете ...

(по крайней мере, не полный ответ)

Имейте в виду, что 60000 добавил, добавляет одну минуту. (60 * 1000 миллисекунд)

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

Взгляните на следующий плагин JavaScript.

Javascript календарь с датой и временем

Я сделал это максимально простым. но это все еще в первые дни. Дайте мне знать обратную связь, чтобы я мог ее улучшить.

Не jQuery, но он хорошо работает для календаря со временем: JavaScript Date Time Picker .

Я просто привязал событие click, чтобы открыть его:

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

Я делаю одну функцию, как это:

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;
}

Затем я использую указатель даты jQuery UI следующим образом:

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

Итак, я получаю значение как это: 2010-10-31 12:41:57

У нас были проблемы с поиском того, который работал так, как мы хотели, поэтому я написал один. Я поддерживаю источник и исправляю ошибки по мере их появления, а также предоставляю бесплатную поддержку.

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