jQuery time picker [закрыто]


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

16 72

16 ответов:

нашел плагин (репозиторий github) превосходит другой упомянутый. Он имитирует часы Календаря Google.

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

по умолчанию минутные приращения равны 5 и могут быть установлены в 15 в настройках.

http://fgelinas.com/code/timepicker

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

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

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

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

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

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

Если вы заинтересованы в использовании хорошего парсера времени и позволяете пользователю вводить в широком диапазоне допустимых строк времени (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'))
});

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

Проверьте Maxime Haineault's jQuery.элемента управления datepicker. Довольно круто, ИМХО...

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

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

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

попробуйте этот великий lib -http://code.google.com/p/mobiscroll/

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

вот моя попытка на эту тему: http://yoka.github.com/jquery-timeselect/

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

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

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

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

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

Как это выглядит enter image description here

The любой+время™ элемент управления datepicker/Аякс элемента управления datepicker виджет календаря позволяет выбрать время, которое, при использовании мыши, примерно так же быстро, как вводить вручную, но имеет дополнительное преимущество предотвращения ошибок. Время может быть отформатировано любым необходимым способом. Он также поддерживает манипуляции с клавиатурой, хотя, по общему признанию, доступ к клавиатуре не так быстро, как мышь или ввод текста... но опять же, это гарантирует, что значение будет в требуемом формате. Он также прост в настройке и может обрабатывать и даты тоже.