Javascript fullCalendar eventResize函数从未触发

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

我用的是全日历。 它显示了一个漂亮的日历，使用“editable:true”选项，我可以拖动事件并将其移动到页面上的任何日期。 但问题是从未调用“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版，如果有必要的话。

我想您正在寻找

eventDrop

事件。当在日视图中调整事件大小时（例如，当您拖动事件底部以在一小时后结束时），会触发

eventResize

eventDrop:function（eventDropInfo）{
console.log（eventDropInfo）
}

---

您看到的回调错误

根据，eventResize仅在事件的持续时间发生更改时发生-即，事件现在具有不同的长度，因为您更改了开始日期或结束日期，但没有同时更改这两个日期。（在UI中，可以通过单击并拖动事件的上边框或下边框来完成此操作，以更改其大小。）

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

您需要改用回调函数。当拖动停止且事件已移动到其他日期/时间时，会触发此操作。e、 g

eventDrop: function( event, delta, revertFunc, jsEvent, ui, view ) { 
  alert("event was moved");
}

---

好主意……但您的代码和文档链接是针对v4的，而OP明确表示他们使用的是v2。差异是巨大的，所以你需要修改你的答案以使其有用。是的！它起作用了！谢谢！！！是的，我的是v2，但它仍然有效：）