Несколько полных календарей на одной странице

Question

Я хочу добавить несколько полных календарей (можно выбрать) на одной странице для планирования различных видов событий и сохранения информации в базе данных, но, глядя на демонстрационный / примерный код, кажется, что я могу добавить только один календарь на страницу, поскольку он отображается с помощью <div id='calendar'></div>. Можете ли вы дать мне знать, если есть способ добиться этого, чтобы, когда пользователь планирует события в разных календарях на одной странице, можно было определить источник / идентификатор календаря?

Answer 1

Нет, полный календарь не отображается просто <div id='calendar'></div>

Он передается вызовом .fullCalendar, который вы сделаете на этом диве.

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

$("#calendar").fullCalendar({
   // Options
}

Это способ инициализации FullCalendar. Если вы сделаете еще один div и назовете его как-нибудь еще, он все равно будет работать.

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

$("#other-calendar").fullCalendar({
   // Options
}

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