Как сделать календарь событий?

Для создания календаря событий на веб-сайте можно воспользоваться различными способами. Один из самых популярных способов - использовать библиотеку FullCalendar.

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

Пример подключения библиотеки FullCalendar через CDN:

Затем создайте контейнер, в котором будет отображаться календарь:

<div id="calendar"></div>

Инициализируйте календарь с помощью JavaScript:

document.addEventListener('DOMContentLoaded', function() {
  var calendarEl = document.getElementById('calendar');
  var calendar = new FullCalendar.Calendar(calendarEl, {
    initialView: 'dayGridMonth',
    events: [
      {
        title: 'Событие 1',
        start: '2022-05-01'
      },
      {
        title: 'Событие 2',
        start: '2022-05-15'
      }
    ]
  });
  calendar.render();
});

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

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