30 Jquery-плагінів для створення календарів з можливістю вибору дати
Сьогодні ми представляємо вам добірку плагінів, які дозволяє вам з легкістю створювати календарі з можливістю вибору дати, велика частина з яких розроблені на jQuery і jQuery UI (призначений для користувача інтерфейс).
Майже всі ці календарі являють собою повноцінну платформу з хорошим функціоналом, але деякі доведеться покращувати і допрацьовувати, але іноді це навіть в плюс, так як в більшості випадків вам, так чи інакше, треба підганяти зовнішній вигляд під дизайн сайту.
DatePicker дозволяє користувачам вибирати поточну дату з меню, що випадає. Вам не потрібно турбуватися про форматах дати, тому що вони завжди коректні за рахунок форми вибору.
Calendar - це клас j # 097; vascript, за допомогою якого можна додати доступну і ненав'язливу форму вибору дати. Цей клас є збіркою з декількох елементів, які найчастіше застосовуються веб-розробниками і вже були повністю перероблені командою MooTools. У нього постаралися включити всі необхідні якості, але зберегти максимально маленький розмір. Для того щоб ознайомитися з класом, подивіться посилання, представлені нижче.
Плагін являє собою віджет календаря на jQuery з можливість відображення місяця. Ви можете вибрати, який місяць потрібно відображати, а за стандартом він буде відображати поточний місяць. Плагін відмінно виконує свою функцію, не дивлячись на те, що він складається всього з 100 рядків коду j # 097; vascript.
Компонент календаря, який дуже просто модифікувати і змінити зовнішній вигляд.
* Створення будь-якої кількості місяців на окремий календар
* Можливість відображення вихідних і святкових днів
* Початкова і кінцева дати
* Зміна зовнішнього вигляду за допомогою CSS
* Можливість встановлювати відразу кілька календарів на сторінці
* Оптимізація для кращої продуктивності
Цей гнучкий і простий спливаючий календар орієнтований на роботу у всіх браузерах. Ви можете повністю змінювати і модифікувати його щодо мов, дат і квітів. Спливаюче вікно відображає місяць протягом декількох років.
Можна також, опціонально, ввести дату і вам відобразиться потрібний місяць. Рік можна відображати як у форматі двох чисел, так і чотирьох, а місяць можна відобразити цифрами або назвою. Ви також можете відобразити будь-яку дату або день за допомогою j # 097; vascript.
Цей віджет відмінно підійде для комбінування технологій з боку сервера для подальшої розробки професійного додатки.
Ви без зусиль зможете інтегрувати компонент DatePicker свого веб-додаток.
* Можливість відображення разом з іншими елементами на сторінці
* Кілька календарів в одному компоненті
* Можливість виділення певних дат
* Можливість зміни зовнішнього вигляду за допомогою CSS
* Можливість локалізувати назви днів і місяців
* Можливість задати власний день початку тижня
* Можливість інтеграції в вікно браузера
Calendar System являє собою простий календар.
Tigra Calendar являє собою крос-браузерні j # 097; vascript-елемент, який надає можливість вибору дат в меню, що випадають за допомогою форм HTML.
Один додаток Plans зможе підтримувати декілька календарів. Також є можливість відображати інформацію в різних календарях один з одним. Кожен календар управляється окремо (унікальний пароль, окремі настройки, різний зовнішній вигляд).
Кілька календарів, які працюють в межах однієї програми Plans можна використовувати на різних веб-сайтах. У додатку задіяна дуже гнучка модель рекурентних подій.
Додаток підтримує кілька мов. Ви може вручну виставити день початку тижня. Дати можна відображати в форматі абревіатур (mm / dd / yy, dd / mm / yy і так далі). У додатку можна задіяти дані з окремих файлів або бази даних.
jQuery UI Datepicker є плагін з широкими можливостями по налаштуванню, за допомогою якого ви можете додавати форми вибору дати на ваші веб-сторінки. Ви також можете редагувати зовнішній вигляд плагіна і використовуваний мову, вказувати конкретні проміжки часу, а також без праці додавати додаткові кнопки навігації.
За стандартом, календар відображається у вигляді невеликого накладення за допомогою # 111; nfocus і автоматично закривається з ефектом # 111; nblur, або після того, як дата вже вибрана. Ви можете без праці впровадити календар в свою веб-сторінку за допомогою div або span.
Ви можете управляти календарем за допомогою гарячих клавіш:
* Page up / down - попередній / наступний місяць
* Ctrl + page up / down - - попередній / наступний рік
* Ctrl + home - поточний місяць або відкрити календар, якщо він закритий
* Ctrl + left / right - - попередній / наступний день
* Ctrl + up / down - - попередня / наступний тиждень
* Enter - підтвердити обрану дату
* Ctrl + end - закрити без збереження дати
* Escape - просто закрити календар
Даний елемент дозволяє вам вибирати дату за допомогою простої панелі слайдеров. Шляхом перетягування повзунка по часовій шкалі, ви можете негайно міняти дату. Більш того, коли користувач хоче відобразити інші дати, повзунки автоматично повертаються на місця.
FullCalendar є плагін jQuery, який дозволяє вам створити повномасштабні календарі з можливістю перетягування. В плагіні використовується AJAX, і ви з легкістю зможете відформатувати його під потрібний формат (також є спеціальне доповнення для Google Calendar).
Плагін надає можливість вибору і перетягування подій по датам.
* Повне управління за допомогою клавіатури
* Підтримка різних форматів відображення і роздільників
* ненав'язливий
* Можливість оформлення за допомогою css
* Можливість відображення конкретних днів тижня
* Гнучка можливість локалізації
* Можливість підсвічування певних днів тижня
* Безкоштовне розповсюдження (за ліцензійною угодою CC)
* Працює з одним або більше елементом введення тексту input type = "text"
* Можливість підсвічування певних дат
* Автоматично закривається після вибору дати (а також при натисканні кнопок сьогоднішньої дати або закриття)
* Можливість швидких переходів за допомогою поля "select"
* Автоматично приховує кнопки. якщо більше нікуди перегортати
А також багато іншого ...
Даний компонент являє собою простеньку форму вибору дати і календар.
* Можливість додавання мов
* Можливість зміни поточної дати
* Можливість коліщатка миші
* Наявність кнопок
Timeframe є протестований безкоштовний компонент, який працює на Github. Є можливість зазначення дати «від» і «до».
Date / Time Picker є простим компонент вибору дати або часу. Для того, щоб відкрити календар, просто клікніть по іконці з правого боку поля введення.
Плагін перетворює форму вибору дати jQuery UI в інтерактивний компонент, який розроблений спеціально для вибору ряду дат. Це оновлення вихідної версії.
jMonthCalendar є повноцінним календар з підтримкою подій. Ви можете просто виставити опції і події, і він сам зробить за вас все інше. У плагіна є можливість модифікації, яка дозволить розробнику взаємодіяти з календарем, коли відображати зміну місяців, а також редагувати подія при кліці по віконця оповіщення. jMonthCalendar тепер також підтримує події при наведенні курсору миші, а також тригер-параметр alert (); За стандартом, на кожну подію виставляє URL, який веде на сторінку з докладною інформацією.
VCalendar (Virtual Web Calendar) являє собою безкоштовний додаток веб-календаря для створення і управління подіями в он-лайн, у вигляді календаря, звичайно ж. Це відмінне і безкоштовне рішення можна використовувати для веб-спільнот та будь-яких комерційних чи некомерційних організацій. На відміну від інших он-лайн календарів, VCalendar поширюється з вихідним кодом на різних мовах програмування: PHP, ASP і ASP.NET (C #). Це робиться з метою додавання нових технологій в майбутньому.
Всі дні і місяці автоматично називаються мовою країни, з якої ви користуєтеся компонентом. Також є можливість вибору дня, з якого починається тиждень.
Multiday Calendar Datepicker JQuery Plugin є красиво оформлений анімований календар з можливістю вибору дати і можливістю вибору відразу декількох днів і відображення декількох місяців. Компонент дозволяє користувачам вибрати відразу кілька послідовних днів. Компонент відмінно підійде для систем замовлення квитків, або бронювання житла.
Easy PHP Calendar являє собою повноцінний скрипт PHP-календаря, який можна з легкістю інтегрувати в сторінки, а також легко оформити за власними уподобаннями. Цей привабливий повноцінний календар відмінно підходить для відображення дат і подій на веб-сторінці.
Date Input є плагін вибору дати на jQuery. Компонент дуже легкий, швидкий і привабливий.
jQuery DatePicker є скромний плагін jQuery, який дозволяє вам без праці додавати форми введення дати на ваші веб-сторінки.
Цей jQuery-плагін дозволяє з легкістю додавати форми вибору дати і часу. Він підтримує дату і час, і генерує значення в окремі поля з можливістю редагування.
Плагін jquery-week-calendar дає можливість інтеграції тижневого календаря в додаток. Він розроблений за допомогою jQuery і jQuery UI по типу он-лайн тижневого календаря на Google.