如何更新FullCalendar事件



我正在尝试设置一个完整的应用程序,该应用程序可以更新到新创建的日历事件。我在Codepen上找到了一个演示,该演示使用EventClick回调来促进这一点。但是,我不明白为什么jsevent参数包含在功能标头中,而当看起来它实际上不在此回调中。是否有必要在:

中写出jsevent
eventClick: function(calEvent, jsEvent) {...}

还是可以删除jsevent?这是代码:

    $(document).ready(function() {
  $("#calendar").fullCalendar({
    header: {
      left: "prev,next today",
      center: "title",
      right: "month,agendaWeek,agendaDay"
    },
    defaultView: "month",
    navLinks: true, // can click day/week names to navigate views
    selectable: true,
    selectHelper: false,
    editable: true,
    eventLimit: true, // allow "more" link when too many events
    select: function(start, end) {
      var title = prompt("Event Content:");
      var eventData;
      if (title) {
        eventData = {
          title: title,
          start: start,
          end: end
        };
        $("#calendar").fullCalendar("renderEvent", eventData, true); // stick? = true
      }
      $("#calendar").fullCalendar("unselect");
    },
    eventRender: function(event, element) {
      element
        .find(".fc-content")
        .prepend("<span class='closeon material-icons'>&#xe5cd;</span>");
      element.find(".closeon").on("click", function() {
        $("#calendar").fullCalendar("removeEvents", event._id);
      });
    },
    eventClick: function(calEvent, jsEvent) {
      var title = prompt("Edit Event Content:", calEvent.title);
      calEvent.title = title;
      $("#calendar").fullCalendar("updateEvent", calEvent);
    }
  });
});

这是文档:https://fullcalendar.io/docs/eventclick

event是一个持有事件信息的事件对象(日期, 标题等)。

jsEvent举行了带有低级信息的jQuery活动,例如 单击坐标。

如果您不需要访问eventClick中的jQuery事件,则可以将其删除。

eventClick: function(calEvent) { ... }

相关内容

  • 没有找到相关文章