—»     —»   30 jQuery-плагинов для создания календарей с возможностью выбора даты
  Раздел: Библиотеки скриптов, Виджеты, Java-Скрипты, Скрипты и коды   Комментариев: 3  

30 jQuery-плагинов для создания календарей с возможностью выбора даты



Сегодня мы представляем вам подборку плагинов, которые позволяет вам с легкостью создавать календари с возможностью выбора даты, большая часть из которых разработаны на jQuery и jQuery UI (пользовательский интерфейс).

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

01. Создаем впечатляющие календари в стиле iCal посредством jQuery

30 jQuery-плагинов для создания календарей с возможностью выбора даты

Эта статья о том, как можно создать календарь в стиле приложения для iPhone.

Скачать | Пример

02. JS-Компонент DatePicker от BlueShoes

30 jQuery-плагинов для создания календарей с возможностью выбора даты

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

Скачать | Пример

03. javascript класс для MooTools: Calendar

30 jQuery-плагинов для создания календарей с возможностью выбора даты

Calendar – это класс javascript, с помощью которого можно добавить доступную и ненавязчивую форму выбора даты. Этот класс представляет собой сборку из нескольких элементов, которые зачастую применяются веб-разработчиками и уже были полностью переделаны командой MooTools. В него постарались включить все нужные свойства, но сохранить максимально маленький размер. Для того чтобы ознакомиться с классом, посмотрите ссылки, представленные ниже.

Скачать | Пример

04. Плагин виджета календаря на jQuery

30 jQuery-плагинов для создания календарей с возможностью выбора даты

Плагин представляет собой виджет календаря на jQuery с возможность отображения месяца. Вы можете выбрать, какой месяц нужно отображать, а по стандарту он будет отображать текущий месяц. Плагин отлично выполняет свою функцию, несмотря на то, что он состоит всего из 100 строчек кода javascript.

Скачать | Пример

05. javascript-компонент календаря

30 jQuery-плагинов для создания календарей с возможностью выбора даты

Компонент календаря, который очень просто модифицировать и изменить внешний вид.

Свойства:

* Создание любого количества месяцев на отдельный календарь
* Возможность отображения выходных и праздничных дней
* Начальная и конечная даты
* Изменение внешнего вида посредством CSS
* Возможность устанавливать сразу несколько календарей на странице
* Оптимизация для лучшей производительности

Посмотреть пример

06. Простой виджет календаря

30 jQuery-плагинов для создания календарей с возможностью выбора даты

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

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

Этот виджет отлично подойдет для комбинирования технологий со стороны сервера для дальнейшей разработки профессионального приложения.

Скачать | Пример

07. DatePicker

30 jQuery-плагинов для создания календарей с возможностью выбора даты

Вы без труда сможете интегрировать компонент DatePicker в свое веб-приложение.

Свойства:

* Возможность отображения вместе с другими элементами на странице
* Несколько календарей в одном компоненте
* Возможность выделения определенных дат
* Возможность изменения внешнего вида посредством CSS
* Возможность локализировать названия дней и месяцев
* Возможность задать собственный день начала недели
* Возможность интеграции в окно браузера

Скачать | Пример

08. Calendar System

30 jQuery-плагинов для создания календарей с возможностью выбора даты

Calendar System представляет собой простой календарь.

Скачать | Пример

09. Tigra javascript Calendar

30 jQuery-плагинов для создания календарей с возможностью выбора даты

Tigra Calendar представляет собой кросс-браузерный javascript-элемент, который предоставляет возможность выбора дат в выпадающих меню посредством форм HTML.

Скачать | Пример

10. Plans

30 jQuery-плагинов для создания календарей с возможностью выбора даты

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

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

Приложение поддерживает несколько языков. Вы может вручную выставить день начала недели. Даты можно отображать в формате аббревиатур (mm/dd/yy, dd/mm/yy и так далее). В приложении можно задействовать данные из отдельных файлов или базы данных.

Скачать | Пример

11. jQuery UI Datepicker

30 jQuery-плагинов для создания календарей с возможностью выбора даты

jQuery UI Datepicker представляет собой плагин с широкими возможностями по настройке, с помощью которого вы можете добавлять формы выбора даты на ваши веб-страницы. Вы также можете редактировать внешний вид плагина и используемый язык, указывать конкретные промежутки времени, а также без труда добавлять дополнительные кнопки навигации.

По стандарту, календарь отображается в виде небольшого наложения посредством onfocus и автоматически закрывается с эффектом onblur, или после того, как дата уже выбрана. Вы можете без труда внедрить календарь в свою веб-страницу посредством div или span.

Вы можете управлять календарем с помощью горячих клавиш:

* page up/down – предыдущий/следующий месяц
* ctrl+page up/down – – предыдущий/следующий год
* ctrl+home – текущий месяц или открыть календарь, если он закрыт
* ctrl+left/right – – предыдущий/следующий день
* ctrl+up/down – – предыдущая/следующая неделя
* enter – подтвердить выбранную дату
* ctrl+end – закрыть без сохранения даты
* escape – просто закрыть календарь

Скачать | Пример

12. Скользящая форма выбора даты

30 jQuery-плагинов для создания календарей с возможностью выбора даты

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

Скачать | Пример

13. FullCalendar

30 jQuery-плагинов для создания календарей с возможностью выбора даты

FullCalendar представляет собой плагин jQuery, который позволяет вам создать полномасштабные календари с возможностью перетаскивания. В плагине используется AJAX, и вы с легкостью сможете отформатировать его под нужный формат (также есть специальное дополнения для Google Calendar).

Плагин предоставляет возможность выбора и перетаскивания событий по датам.

Скачать | Пример

14. Скромный виджет формы выбора даты

30 jQuery-плагинов для создания календарей с возможностью выбора даты

* полное управление посредством клавиатуры
* поддержка различных форматов отображения и разделителей
* ненавязчивый
* возможность оформления посредством css
* возможность отображения конкретных дней недели
* гибкая возможность локализации
* возможность подсветки определенных дней недели
* бесплатное распространение (по лицензионному соглашению CC)

Скачать | Пример

15. Простой плагин формы выбора даты на jQuery

30 jQuery-плагинов для создания календарей с возможностью выбора даты

Свойства:

* работает с одним или более элементом ввода текста input type="text"
* возможность подсветки определенных дат
* автоматически закрывается после выбора даты (а также при нажатии кнопок сегодняшней даты или закрытия)
* возможность быстрых переходов посредством поля "select"
* автоматически скрывает кнопки , если больше некуда перелистывать
А также многое другое…

Посмотреть пример

16. jQuery CalendarPicker

30 jQuery-плагинов для создания календарей с возможностью выбора даты

Данный компонент представляет собой простенькую форму выбора даты и календарь.

Свойства:

* возможность добавления языков
* возможность изменения текущей даты
* возможность прокрутки колесиком мыши
* наличие кнопок

Скачать | Пример

17. Timeframe

30 jQuery-плагинов для создания календарей с возможностью выбора даты

Timeframe представляет собой протестированный бесплатный компонент, который работает на Github. Есть возможность указания даты «от» и «до».

Скачать | Пример

18. Date / Time Picker

30 jQuery-плагинов для создания календарей с возможностью выбора даты

Date / Time Picker представляет собой простой компонент выбора даты или времени. Для того, чтобы открыть календарь, просто кликните по иконке с правой стороны поля ввода.

Скачать | Пример

19. YUI Library: Calendar Control

30 jQuery-плагинов для создания календарей с возможностью выбора даты

Еще один пример простого компонента выбора даты. У календаря есть три требуемых положения: объект Yahoo Global, инструмент отображения событий и коллекция DOM.

Скачать | Пример

20. Выбор дат посредством jQuery UI 1.7 и jQuery UI CSS Framework

30 jQuery-плагинов для создания календарей с возможностью выбора даты

Плагин превращает форму выбора даты jQuery UI в интерактивный компонент, который разработан специально для выбора ряда дат. Это обновление исходной версии.

Скачать | Пример

21. Новый самый крутой календарь на DHTML

30 jQuery-плагинов для создания календарей с возможностью выбора даты

Скачать | Пример

22. jMonthCalendar

30 jQuery-плагинов для создания календарей с возможностью выбора даты

jMonthCalendar представляет собой полноценный календарь с поддержкой событий. Вы можете просто выставить опции и события, и он сам сделает за вас все остальное. У плагина есть возможность модификации, которая позволит разработчику взаимодействовать с календарем, когда отображать смену месяцев, а также редактировать событие при клике по окошку оповещения. jMonthCalendar теперь также поддерживает события при наведении курсора мыши, а также триггер-параметр alert(); По стандарту, на каждое событие выставляет URL, который ведет к странице с подробной информацией.

Скачать | Пример

23. VCalendar

30 jQuery-плагинов для создания календарей с возможностью выбора даты

VCalendar (Virtual Web Calendar) представляет собой бесплатное приложение веб-календаря для создания и управления событиями в он-лайн, в виде календаря, конечно же. Это отличное и бесплатное решение можно использовать для веб-сообществ и любых коммерческих или некоммерческих организаций. В отличие от других он-лайн календарей, VCalendar распространяется с исходным кодом на различных языках программирования: PHP, ASP и ASP.NET (C#). Это делается с целью добавления новых технологий в будущем.

Скачать | Пример

24. PHP Calendar

30 jQuery-плагинов для создания календарей с возможностью выбора даты

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

Скачать | Пример

25. jQuery-плагин для выбора даты

30 jQuery-плагинов для создания календарей с возможностью выбора даты

Multiday Calendar Datepicker JQuery Plugin представляет собой красиво оформленный анимированный календарь с возможностью выбора даты и возможностью выбора сразу нескольких дней и отображения нескольких месяцев. Компонент позволяет пользователям выбрать сразу несколько последовательных дней. Компонент отлично подойдет для систем заказа билетов, или бронирования жилья.

Скачать файлы JS и CSS | Пример

26. Easy PHP Calendar

30 jQuery-плагинов для создания календарей с возможностью выбора даты

Easy PHP Calendar представляет собой полноценный скрипт PHP-календаря, который можно с легкостью интегрировать в страницы, а также легко оформить по собственным предпочтениям. Этот привлекательный полноценный календарь отлично подходит для отображения дат и событий на веб-странице.

Скачать | Пример

27. jQuery Date Input

30 jQuery-плагинов для создания календарей с возможностью выбора даты

Date Input представляет собой плагин выбора даты на jQuery. Компонент очень легкий, быстрый и привлекательный.

Скачать | Пример

28. jQuery DatePicker

30 jQuery-плагинов для создания календарей с возможностью выбора даты

jQuery DatePicker представляет собой скромный плагин jQuery, который позволяет вам без труда добавлять формы ввода даты на ваши веб-страницы.

Скачать | Пример

29. dynDateTime

30 jQuery-плагинов для создания календарей с возможностью выбора даты

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

Скачать | Пример

30. Week Calendar

30 jQuery-плагинов для создания календарей с возможностью выбора даты

Плагин jquery-week-calendar дает возможность интеграции недельного календаря в приложение. Он разработан при помощи jQuery и jQuery UI по типу он-лайн недельного календаря на Google.

Скачать | Пример
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: jQuery, Mootools, javascript, календарь
Опубликовал Design FactoRy   Прочитано (раз): 98841   |   Оставлено комментариев: 3
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 31 марта 2011 @ 13:52
Написал: Сергей — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Супер коллекция, спасибо за подборку. Особенно за календари с выбором нескольких дат.
Комментарий #2: 31 марта 2011 @ 14:03
Написал: Mysterious Master — группа: Администраторы  
На сайте с: 11.07.2009   |   Публикаций: 1491   |   Комментариев: 177
ICQ: --- не указано ---
Сергей, пожалуйста! Заходите почаще ... smile
Комментарий #3: 4 октября 2011 @ 18:02
Написал: Max — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
не хватает календаря занятости дат на год в простом виде строчный ( лентой ) для вставки на сайт. Сбоку месяцы- в строку от него даты с возможностью отмечать занято или нет на сайте админом. Если нет такового у вас дайте знать где взять. СПС.
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц October по-русски
Подтверждение кода безопасности :

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


Кованые подставки для обуви оптом
Кованые изделия
mriya-st.com.ua
Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Июнь 2017    »
ПнВтСрЧтПтСбВс
 1234
567891011
12131415161718
19202122232425
2627282930