fullCalendar 中的拖放事件不起作用 angular

Question

我想为我的 fullCalendar 事件实现拖放功能。 该功能使用户能够在日历中拖放事件以更改他们在另一天和时间的事件。

这是我拥有的 html 代码：

<p-fullCalendar deepChangeDetection="true" [events]="events" [options]="calendarOptions"></p-fullCalendar>

这是 ts 文件

this.calendarOptions = {
      droppable: true,
      eventDragStart: function(a) {
        console.log("Drag start", a);
      },
      eventDragStop: function(a) {
        console.log("Drag stop", a);
      
      },

Answer 1

你说你想启用

用户在日历中拖放事件

但是，根据droppable文档，可丢弃选项...

确定是否可以将来自其他日历的外部可拖动元素或事件拖放到日历上。

（我的大胆）。

您需要设置的是editable选项，它...

确定是否可以修改日历上的事件。 这决定了是否可以拖动事件并调整其大小。

（再次，我的大胆）。

所以如果你设置

editable: true

在您的日历选项中，您应该会得到更好的结果。

参考：

• https://fullcalendar.io/docs/droppable
• https://fullcalendar.io/docs/editable