Неизвестный параметр FullCalendar 'dateClick'

Question

У меня есть приложение rails 6, и я добавил FullCalendar, следуя официальным документам (используя yarn и webpacker)

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

Мой календарь. js выглядит так:

  import { Calendar } from "@fullcalendar/core";

  import dayGridPlugin from "@fullcalendar/daygrid";

  import timeGridPlugin from "@fullcalendar/timegrid";

  import listPlugin from "@fullcalendar/list";

  import interactionPlugin from "@fullcalendar/interaction";

  import bootstrapPlugin from "@fullcalendar/bootstrap";

  import nlLocale from "@fullcalendar/core/locales/nl";

  document.addEventListener("DOMContentLoaded", function() {
    const calendarEl = document.getElementById("calendar");

    const calendar = new Calendar(calendarEl, {
      plugins: [
        dayGridPlugin,
        timeGridPlugin,
        listPlugin,
        interactionPlugin,
        bootstrapPlugin
      ],
      themeSystem: "bootstrap",
      initialView: "dayGridMonth",
      eventClick(info) {
        console.log("Event clicked")
      },
      dateClick(info) {
        console.log("Date clicked")
      }
    });
    calendar.render();
  });

Когда я копирую код из node_modules/@fullcalendar/interaction/main.js и вставьте его в другой файл и импортируйте оттуда, он работает.

Answer 1

Проблема заключалась в том, что @fullcalendar/core был установлен с версией 5.1.0, а @fullcalendar/interaction был установлен с версией 5.2.0.

Обновление @fullcalendar/core до 5.2.0 решило проблему.

Answer 2

Вы пробовали

 eventClick: function(info) {

и

 dateClick: function(info) {

вместо

eventClick(info) {
...
dateClick(info) {