jQuery плагины форм для указания времени и даты

jQuery плагины и JavaScript решения: jQuery плагины форм для указания времени и даты

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

Сразу хочу предупредить, что некоторые написаны под западную 12-часовую систему.

Смотрите также:
10 jQuery плагинов форм для ввода данных кредитных карт
10 jQuery плагинов для измерения сложности пароля
30 jQuery плагинов для стилизации элементов форм

3 Datepicker

Лучший, как по мне, плагин для указания даты и времени чего-либо. Работает с нашим форматом даты и времени. Имеет множество плюшек и является очень гибким. Мы используем именно этот плагин в своих проектах.

jQuery плагины и JavaScript решения: jQuery виджеты для указания времени и даты


Bootstrap Material Datetimepicker

Пусть вас не вводит в заблуждение присутствие Bootstrap в названии виджета — для его работы Bootstrap уже не требуется, необходимо только наличие jQuery. Основной особенностью является, если так можно выразится, многоэтапность при указании времени. Сначала выбираются часы, потом циферблат меняется и выбираются минуты. Аналогично происходит и при выборе даты.

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

jQuery плагины и JavaScript решения: jQuery виджеты для указания времени и даты


jQuery UI Timepicker

Созданный на базе существующего виджета jQuery. Этот плагин наследует его простоту, идеологию и соответствие используемой теме jQuery.

Работает с нашей, правильной, 24-часовой системой.

jQuery плагины и JavaScript решения: jQuery виджеты для указания времени и даты


jquery.timepicker

Если вы приверженец минимализма, то этот виджет для вас. Прототипом, вероятно, послужил Google Calendar — jquery.timepicker делает ввод времени таким же простым и естественным.

jQuery плагины и JavaScript решения: jQuery виджеты для указания времени и даты


jQueryTimeAutocomplete

jQueryTimeAutocomplete похож на упомянутый выше jquery.timepicker но, кроме возможности выбора времени из списка, имеет функцию автодополнения. Она понравится тем пользователям, которые не любят просматривать списки в поисках нужного элемента, а предпочитают набирать значения с клавиатуры.

jQuery плагины и JavaScript решения: jQuery виджеты для указания времени и даты


jQuery Time Entry

Весьма оригинальный и удобный способ выбора значения в поле — кроме традиционного ввода с клавиатуры или нажатия на управляющие (справа от поля), изменять значения часов и минут можно при помощи колесика мыши.

jQuery плагины и JavaScript решения: jQuery виджеты для указания времени и даты


Timeago

Timeago не является виджетом для ввода значений времени или даты, а позволяет выводить вместо конкретного значения даты или времени так называемые«неточные» значения (например «4 минуты назад» или «2 дня назад»). Как его применять и результат его работы можно посмотреть на домашней страничке плагина.

jQuery плагины и JavaScript решения: jQuery виджеты для указания времени и даты


Wickedpicker

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

jQuery плагины и JavaScript решения: jQuery виджеты для указания времени и даты


jQuery Timepicker

Несмотря на внешнее и функциональное сходство, этот плагин отличается от вышеупомянутого плагина jquery.timepicker. Он позволяет вводить как произвольное время, так и выбирать из списка, причем существуют опции, управляющие формированием списка — начальное и конечное время, интервал и т.п.

jQuery плагины и JavaScript решения: jQuery виджетs для указания времени и даты
Напишите свой комментарий
comments powered by HyperComments