Топ 5: Лучший планировщик jQuery и календарь событий для веб-приложений

В этом топе мы поделимся 5 продвинутыми бесплатными компонентами планировщика для ваших веб-приложений. Мы не будем перечислять все доступные плагины календаря в Интернете, только (по нашему мнению) те, которые предлагают лучшие функции и выделяются среди других.

5. Календарь начальной загрузки

Документация | демонстрация

Календарь начальной загрузки предлагает очень простое решение для организации мероприятий для простого проекта. Его действительно легко интегрировать, и он поддерживается в github. Он использует другой интерфейс, и также используется концептуальный подход UX. Он основан на шаблонах — все представления, такие как год, месяц, неделя или день, основаны на шаблонах. Вы можете легко изменить его внешний вид, стиль или даже добавить новый пользовательский вид, если вам это нужно.

Планировщик начальной загрузки

4. Web Delicious — календарь событий jQuery

Github| демонстрация

wdCalendar — это клон календаря Google, основанный на jquery. Он охватывает большинство функций календаря Google. Иметь хорошую производительность и хорошую документацию.

  • Представление дня / недели / месяца.
  • создавать / обновлять / удалять события перетаскиванием понижаться.
  • Простой способ интеграции с базой данных.
  • Мероприятие на весь день / больше дней.

Календарь событий Web Delicious jQuery

3. Web2Cal

Документация | демонстрация

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

Web2cal

2. Fullcalendar

Документация | демонстрация

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

Fullcalendar

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

1. DHTMLX планировщик

Документация | демонстрация

Этот планировщик имеет множество примеров, предлагает поддержку даже для бесплатных пользователей на официальном сайте, полезный Часто задаваемые вопросы и это постоянно обновляется. Поддержка php (вы можете использовать только ядро ​​javascript и css, если хотите, и создавать собственную логику бэкэнда), javascript очень чистый и простой для понимания. События являются буквальными объектами javascript, которые используют следующую структуру (вам нужно выяснить, как отправить json с вашего сервера и получить его с помощью javascript, если ваш проект не только javascript).

// Use parse function for massive events or scheduler.addEvent for a simple event. Anyway read the documentation.
scheduler.parse([
{ start_date:"2013-05-13 6:00", end_date:"2009-05-13 8:00", text:"Event 1"},
{ start_date:"2013-06-09 6:00", end_date:"2009-06-09 8:00", text:"Event 2"}
],"json");

DXHTML Календарь планировщик

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

дополнительный

Bootstrap Год Календарь

Github | демонстрация

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

Календарь начальной загрузки

Планировщик AlloyUI

Github | демонстрация

AlloyUI является фреймворк построен на основе YUI3 (JavaScript), который использует Bootstrap 3 (HTML / CSS), чтобы предоставить простой API для создания высокомасштабируемых приложений. Компонент планировщика действительно многообещающий, красивый и очень простой в использовании.

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

Планировщик AlloyUI

DayPilot

домашняя страница | Lite с открытым исходным кодом

DayPilot — это набор элементов управления календаря / календарного планирования AJAX (платная и облегченная версия с открытым исходным кодом), который позволяет создавать приложения, связанные с календарем: приложения для бронирования ресурсов, управления проектами и отслеживания времени, личные или общие календари событий.

DayPilot

jQuery недельный календарь

Github

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

JQuery недельный календарь

Ссылка на основную публикацию