javascript - 事件从完整日历中删除

标签 javascript jquery fullcalendar fullcalendar-4

我已经尝试过这段代码,但它显示 JS 错误。

eventDragStop: function(event) {
    console.log(event);
    console.log(event._id);
    let eve = event.jsEvent;
    //console.log(eve);
    var trashEl = jQuery('#CalendarTrash');
    var ofs = trashEl.offset();

    var x1 = ofs.left;
    var x2 = ofs.left + trashEl.outerWidth(true);
    var y1 = ofs.top;
    var y2 = ofs.top + trashEl.outerHeight(true);

    if (eve.pageX >= x1 && eve.pageX <= x2 &&
        eve.pageY >= y1 && eve.pageY <= y2) {
        if (confirm("Are you sure to  detete " + event.title + " ?")) {
            //pour annuker les informations
            $('#calendar').FullCalendar('removeEvents', event._id);
        }
    }
}

显示错误

Uncaught TypeError: $(...).FullCalendar is not a function

event.titleevent._id 为空,其他一切正常。

根据文档,它有 https://fullcalendar.io/docs/v3/removeEvents它有

.fullCalendar( ‘removeEvents’ [, idOrFilter ] )

并且根据此文档 https://fullcalendar.io/docs/upgrading-from-v3 已弃用此 fullCalendar现在我需要语法来删除 eventDragStop

上的事件

最佳答案

在我看来,您所需要的一切都可以通过查看 link 找到。您提供了有关如何迁移到 fullcalendar-4 的信息。您至少需要更改两件事:

  • 传递给 eventDragStop 回调的参数现在是一个带有 { event, jsEvent, view } 的对象(如说明 here )
  • To remove an event :“检索一个Event对象,然后调用它的remove方法:”
var event = calendar.getEventById('a');
event.remove();

关于javascript - 事件从完整日历中删除,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59324932/

相关文章:

javascript - 如何添加动态 ID 并在运行时提取它们

javascript - form.getRecord() 未定义。 Extjs

javascript - 如何在选中单选按钮的基础上显示div?

javascript - 子组件无法触发状态更改

javascript - 验证不适用于 js

php - 下拉列表中页面加载时已选择的选项,也可更改

javascript - 在/作为高阶函数中使用 jQuery 函数

javascript - JQuery FullCalendar 添加事件

javascript - fullcalendar ajax 成功不起作用

css - 我可以设置 FullCalendar 时间段标签的样式吗?