1

我不确定为什么会收到未知选项错误。事件适当地呈现。我可以拖动它们，但是当我释放它们时它们会恢复到原来的日期，而不是在新日期中删除事件。我已经加载了 Jquery-ui 和交互插件。

import { Calendar } from '@fullcalendar/core';
import dayGridPlugin from '@fullcalendar/daygrid';
import interactionPlugin, { Draggable } from '@fullcalendar/interaction';

document.addEventListener('DOMContentLoaded', function() {
  var calendarEl = document.getElementById('calendar');

  var calendar = new Calendar(calendarEl, {
    plugins: [ dayGridPlugin,interactionPlugin],
    headerToolbar: {
        left: 'prev,next today',
        center: 'title',
        right: 'dayGridDay,dayGridWeek,dayGridMonth'
      },
    editable: true,
    dayMaxEvents: true,
    events: '\_events.json',
    eventDrop: function(info) {
    alert(info.event.title + " was dropped on " + info.event.start.toISOString());

    if (!confirm("Are you sure about this change?")) {
      info.revert();
    }
  }

  });

  calendar.render();
 
});

控制台错误是

main.js?d610:7356 Unknown option 'eventDrop'
warnUnknownOptions @ main.js?d610:7356
CalendarDataManager._computeOptionsData @ main.js?d610:7143
eval @ main.js?d610:983
CalendarDataManager @ main.js?d610:6974
Calendar @ main.js?573d:53
eval @ index.js?b635:45

当页面在用户与任何事件交互之前加载时会出现错误。

4

1 回答 1

0

我最近遇到了同样的问题。日历本身运行良好，但unknown option eventDrop加载日历时在我的控制台中。

在我的情况下，原来是因为我的interactionPlugin 组件是在初始日历组件之后安装的，并且所有部分之间的版本不匹配。一旦我更新了所有组件以使用相同的版本（撰写本文时为 5.10.1），一切都运行良好。

于 2022-01-24T20:57:49.637 回答