Вибір дати / часу jQuery [закрито]

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

Я знайшов декілька хаків для того, щоб DatePicker працював із часом, але всі вони здаються досить неелегантними, і Google не виявляє нічого хорошого.

Чи є хороший плагін jQuery для вибору дат та часу в одному елементі управління інтерфейсом із зручним інтерфейсом?

На сьогодні найприємніший і простий варіант вибору DateTime - це http://trentrichardson.com/examples/timepicker/ .

Це розширення інтерфейсу jQuery UI Datepicker, тому він буде підтримувати ті самі теми, а також він працює дуже точно так само, аналогічний синтаксис і т. Д. Це повинно бути упаковано з imo jQuery UI.

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

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 , що склався , з двома простими спаданнями часу. Мене спокусило використовувати Timepickr.js, але це виглядає як дуже приємний підхід.

Я зіткнувся з тією ж проблемою. Я фактично розробив моє програмування на сервері, але я швидко пробував, щоб спробувати допомогти вам і знайшов це.

Здається, добре, не надто дивився на джерело, але здається, що це суто JavaScript.

Погляньте:

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

Ось посилання на демонстраційну сторінку:

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

Щасти

Це деякий код, який я використовую для того, щоб користувач обрав один вибір часу, встановив час, а інший вибрав дату додав одну хвилину до цього часу.

Мені це було потрібно для контролю за замовленням ліків ...

У будь-якому випадку, я думав, що це може допомогти комусь іншому, оскільки я не можу знайти відповіді там, де в Інтернеті ...

(принаймні, не повна відповідь)

Майте на увазі, що доданий 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 Вибір часу часу .

Я просто зв'язав подію натискання, щоб з’явитись у ній:

$(".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 таким чином:

$("#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