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