如何给Fullcalendar事件添加按钮？

要向Fullcalendar事件添加按钮，需要使用Fullcalendar的“eventRender”选项和jQuery代码。可以在事件的标题旁边添加一个“编辑”按钮，当用户单击该按钮时，可以执行适当的操作。

以下是添加“编辑”按钮的示例代码：

1. JavaScript代码

$('#calendar').fullCalendar({ events: [ { title : 'My Event', start : '2017-11-01T12:30:00', end : '2017-11-01T14:30:00' } ], eventRender: function(event, element) { element.find('.fc-title').append("<br/><button class='editButton'>Edit</button>"); element.find('.editButton').click(function() { // Do something when edit button is clicked }); } });

2. CSS代码

.editButton { color: #fff; background-color: #337AB7; border-color: #2E6DA4; font-size: 12px; font-weight: normal; padding: 2px 6px; }

这段代码会将一个名为“Edit”的按钮添加到事件的标题旁边，并为按钮添加CSS样式，当用户单击该按钮时，会调用指定的函数。

注意：在Fullcalendar中，事件元素使用HTML和CSS构建。在eventRender函数中，可以使用jQuery选择器来选择和修改事件元素的各个部分。在本例中，使用“element.find（”“.fc-title”“）”来选择事件元素中标题的元素。然后，可以使用jQuery的“append”方法将“Edit”按钮添加到标题元素中。最后，使用“click”方法为按钮添加单击事件处理程序。