2

我有一个 rails 6 应用程序,并按照官方文档(使用 yarn 和 webpacker)添加了 FullCalendar

当我运行服务器时,日历显示正确并且单击事件也可以,但是单击日期没有任何作用。在开发人员工具中,我收到消息:未知选项“dateClick”。

我的 calendar.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并将其粘贴到另一个文件中并从那里导入它时,它可以工作。

4

3 回答 3

4

问题是@fullcalendar/core安装了 5.1.0 版并@fullcalendar/interaction安装了 5.2.0 版。

升级@fullcalendar/core到 5.2.0 解决了这个问题。

于 2020-08-07T07:56:33.343 回答
0

如果有人在实现 FullCalendar 的 dateClick 时遇到这个错误。我使用 5.6 的版本解决了这个问题。所有包必须具有相同的版本

npm install @fullcalendar/daygrid@5.6
npm install @fullcalendar/interaction@5.6
npm install @fullcalendar/vue@5.6
于 2022-01-06T06:28:25.693 回答
0

你有没有尝试过

 eventClick: function(info) {

 dateClick: function(info) {

代替

eventClick(info) {
...
dateClick(info) {
于 2020-08-05T14:29:45.920 回答