JQuery выбор времени

Ответ 1

я нашел этот плагин (GitHub хранилище) козыри другой упомянутый. Он имитирует timepicker календаря Google.

Ответ 2

Я попробовал тонну времени и не был удовлетворен, поэтому я написал еще [еще]. Я думаю, что это работает хорошо. Также он вдохновлен датпикером, поэтому он похож на стандартный файл jQuery UI.

По умолчанию минутная установка равна 5 и может быть установлена ​​в 15 опций.

http://fgelinas.com/code/timepicker

Ответ 3

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

Сборщики времени просто принимают этот фетиш UI в новый край. Почему бы не позволить вашим пользователям вводить время или просто использовать несколько выпадающих ящиков в течение нескольких часов и минут. Даже выпадающие списки позволяют пользователю просто вводить время. Выбор времени в Shog9 answer - все это очень приятно смотреть, но невероятно сложно использовать. Если бы я был конечным пользователем, который должен был использовать приложение для ввода данных, и у него был такой элемент управления на странице, он бы только замедлял меня и заставлял меня хотеть прийти и отрезать руки разработчиков.:)

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

Просто мое скромное мнение.

Ответ 4

Это не jQuery... но я обнаружил, что выпадающий список со списком пятнадцатиминутных интервалов времени, 8:00 AM, 8:15 AM, 8:30 AM и т.д., чрезвычайно легко для пользователя взаимодействовать с.

Не уверен, что вам нужен действительно способ jQuery сделать это... может быть излишним. Просто мнение, основанное на моем личном опыте с реальными пользователями и развивающимися бизнес-приложениями.

Ответ 5

Если вы заинтересованы в использовании хорошего анализатора времени и позволяете пользователю вводить в широкий диапазон допустимых строк времени (8:00 AM, 8AM, 8a, 8 и т.д.), посмотрите http://www.datejs.com/.

Вот код jquery, который я использую для работы с ним.

$('.time').blur(function (e) {
    var val = $(this).val();
    if (!isNaN(val))
        // add minutes to numeric value otherwise it will be interpreted as a date
        val = val + ':00'; 
    var dt = Date.parse(val);
    $(this).val(dt.toString('h:mm tt'))
});

Ответ 6

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

Ответ 7

Ознакомьтесь с Maxime Haineault jQuery.timepicker. Довольно круто, ИМХО...

Ответ 8

Лучшее, что я когда-либо использовал, это тот, который предлагает Telerik.

http://demos.telerik.com/aspnet-ajax/calendar/examples/datetimepicker/overview/defaultcs.aspx

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

Ответ 9

Попробуйте эту отличную lib - http://code.google.com/p/mobiscroll/

Демо - http://demo.mobiscroll.com/

Ответ 10

Вот моя попытка по теме: http://yoka.github.com/jquery-timeselect/

Ответ 11

Я использовал библиотеку Timepicker Trent Richardson и нашел, что это здорово. Это также очень популярно, по количеству загрузок.

Ответ 12

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

Ответ 13

Я написал один, основанный на плагине, который упоминал Джим (работает как сборщик календаря Google), но он работает с использованием jquery ui autocomplete. Он намного стабильнее, чем вышеупомянутый плагин. У меня были проблемы с тем, что вы позиционировали себя на странице. Плагин принимает массив, временной диапазон и интервалы или источник ajax... так что вы можете настроить его в своем сердце.

Ответ 14

Пока нет стандартного, я использовал плагин jQuery из Keith Wood. В отличие от некоторых, это ухудшается до текстового поля (которое вы все еще можете вводить, пока выполняете проверку), а также может использоваться с мышью, если вы так склонны.

Ответ 15

Я не мог найти плагин, который сделал то, что я хотел (т.е. многостолбцовое автозаполнение в сочетании с маскировкой ввода для времени), поэтому я написал MenuOptions

Как это выглядит

Ответ 16

Any + Time ™ DatePicker/TimePicker AJAX Calendar Widget позволяет выбирать время, которое при использовании мыши примерно так же быстро, как и набрав но имеет дополнительное преимущество предотвращения ошибок. Время может быть отформатировано любым способом. Он также поддерживает манипуляции с клавиатурой, хотя, по общему признанию, доступ к клавиатуре происходит не так быстро, как мышь или ввод текста... но опять же, это гарантирует, что значение будет в требуемом формате. Он также легко настраивается и может обрабатывать даты.