2

抱歉，如果这是重复的。在发布之前我已经搜索了很多，但找不到答案。

我正在使用全日历。它显示了一个漂亮的日历，通过“可编辑：真”选项，我可以拖动事件并将其移动到页面上的任何日期。但问题是永远不会调用“eventResize”函数。我的代码如下

function calendar() {
    $('#calendar').fullCalendar({
        locale: 'nl',
        header: {
            left:'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        timeFormat: 'H:mm',
        allDaySlot: false,
        eventSources: [
            {
                url: '/mypath/get_events',
                type: 'post',
            }
        ],
        eventColor: '#cccccc',
        editable: true,
        eventResize: function(event,dayDelta,minuteDelta,revertFunc) {
            alert("let's change the dates");
        },
        slotEventOverlap: true,
        height: 'auto',
        droppable: false
    });
}

当然，我在上面有以下内容

<link rel="stylesheet" href="/mypath/fullcalendar/fullcalendar.min.css">
<link rel="stylesheet" href="/mypath/fullcalendar/fullcalendar.print.css" media="print">
<script type="text/javascript" src="/mypath/fullcalendar/jquery.min.js"></script>
<script type="text/javascript" src="/mypath/fullcalendar/moment.min.js"></script>
<script type="text/javascript" src="/mypath/fullcalendar/fullcalendar.min.js"></script>

我正在使用 fullCalendar 2.2.5 版，如果重要的话。

4

2 回答 2

1

我想你正在寻找eventDrop活动。当eventResize在日视图中调整事件的大小时触发 ，例如，当您拖动事件的底部以在一小时后结束时。

eventDrop: function(eventDropInfo) {
  console.log(eventDropInfo)
}

eventDrop 的文档

于 2020-01-08T10:41:06.630 回答
0

您正在查看错误的回调。

根据文档， eventResize 仅在事件的持续时间发生变化时发生 - 即事件现在具有不同的长度，因为您更改了开始日期或结束日期，但没有同时更改。（在 UI 中，这是通过单击并拖动事件的顶部或底部边框以更改其大小来完成的。）

如果您将事件移动到不同的日期/时间，而不更改其长度/持续时间，那么您不是在调整它的大小，而是在拖放它。这就是事件没有被触发的原因。

您需要改用eventDrop回调。当拖动停止并且事件已移至不同的日期/时间时会触发此事件。例如

eventDrop: function( event, delta, revertFunc, jsEvent, ui, view ) { 
  alert("event was moved");
}
于 2020-01-08T11:28:34.170 回答