Дане доповнення для фронтендів використовує яваскрипт календар - fullCalendar. Багато налаштувань, красивий вид, підтримується розробниками.
Викликається календар сніпетів # 91; # 91;! MyCalendar # 93; # 93;
У сниппета є кілька параметрів з налаштувань fullCalendar. яких цілком достатньо для роботи. Якщо потрібні додаткові налаштування, то їх можна додати в скрипт самостійно.
У режимі дозволеного відредагувати подію можна переміщати, ресайз, видаляти.
Календар може працювати з Google Calendar. Для цього потрібно в системних настройках вказати Google Calendar API Key. а в сніпеті через кому вказати google календарі Як налаштувати можна прочитати тут. З подіями Google календаря маніпуляції обмежені. Їх можна тільки редагувати, та й то тільки в власному Google інтерфейсі.
Кілька календарів на сторінці
Сніппет myCalendar можна викликати кілька разів. Кожному такому виклику потрібно ДАВАЙТИ унікальну назву, що вказується в параметрі instance.
Зміни в одному інтерфейсі календаря відразу ж відбивається в інших.
Важливо розуміти, що myCalendar працює тільки з одним календарем. Для нього можна викликати кілька різних інтерфейсів на сторінці. Для роботи з неколько календарями призначений fullCalendar.
створення подій
Додати подію можна двома способами:
- клікнути на осередок календаря;
- виділити діапазон (кілька осередків).
Відкриється діалог створення події.
- Якщо час початку події не вказано, то воно отримає значення 00:00.
- Якщо дата і час закінчення не вказані, то вони визначаються відповідно до параметру defaultDuration. Тобто до часу початку додається значення, вказане в цьому параметрі.
- Якщо виділений діапазон, то початковий і кінцевий час визначаються по межах виділення.
Якщо подія створюється, коли календар в режимі "Місяць", то воно по-замовчуванню буде вказано як триває цілий день. Тобто буде відзначений чекбокс "Цілий день". Кожному події можна визначити свій колір. Інакше подія успадкує колір календаря, вказаний в параметрі defaultColor.
Створювати події можуть як зареєстровані так і незареєстровані користувачі (гості), якщо це дозволено налаштування allowGuestEdit.
видалення подій
Видалити запис можна або клікнувши на хрестик у події, або натиснувши кнопку "Видалити" в діалозі редагування. Подія цього ви забираєте після підтвердження.