eventResize 后 Fullcalendar 事件的自定义内容答案

【问题标题】：Custom content of Fullcalendar event after eventResizeeventResize 后 Fullcalendar 事件的自定义内容
【发布时间】：2018-01-30 13:49:58
【问题描述】：

我尝试在用户调整 FullCalendar 事件的大小后动态设置它的内容，但我不知道如何实现这一点，因为 eventResize 和 eventResizeStop 都没有在他们的回调。

我还尝试修改eventResizeStop 中的事件并获取eventRender 中的值（因为我注意到在调整大小停止后调用了重新渲染）但这不起作用，因为仍然得到“旧”活动内容。

知道如何实现吗？

$('#calendar').fullCalendar({
     eventRender: function (event, element) {
        console.log(event.something); // still same value
     },
     eventResizeStop: function (event, jsEvent, ui, view) {
         event.something = 'try to push a new value'; // no effect
         $(this).find('.fc-title').replaceWith('something'); // no effect
     },
     eventResize: function (event, delta, revertFunc, jsEvent, ui, view) {
         $(this).find('.fc-title').replaceWith('something'); // no effect
     }
});

我想要实现的模型：

用户修改前：

-----------------
| event content |
-------v---------

用户修改事件的长度/持续时间后：

-----------------
| event content |
| is now not the|
| same anymore  |
-------v---------

【问题讨论】：

标签： fullcalendar

【解决方案1】：

我找到了解决方案。修改eventResize 中的事件实际上是正确的方法，但在这样做之后，应该在日历中分别更新事件，并且应该显式调用更新

 $('#calendar').fullCalendar({
    eventRender: function (event, element) {
        console.log(event.something); 
    },
    eventResize: function (event, delta, revertFunc, jsEvent, ui, view) {
       event.something = 'my new value';
       $("#calendar").fullCalendar('updateEvent', event);
   }
});

【讨论】：