如何在FullCalendar中添加关闭按钮

Question

我需要在事件中添加'关闭'按钮，这将从日历中删除。由于"文本"字段不接受HTML，因此我不能直接执行此操作。修改事件html的最佳方法是什么？

Answer 1

从Bootstrap-3

添加垃圾图标

eventRender: function(event, element) {
   element.html(event.title + '<span class="removeEvent glyphicon glyphicon-trash pull-right" id="Delete"></span>');
}

该事件可以在" EventClick"中捕获：

eventClick: function(calEvent, jsEvent, view) {
  if (jsEvent.target.id === 'Delete') {
    $("#myModal").modal(); // Maybe show a modal dialog asking the user if he wants to delete the event. 
  }
}

Answer 2

我成功地添加了EventRender回调函数的关闭按钮。

 eventRender: function(event, element) {
                    element.html(event.title+"<i  class='fa fa-close pull-right text-danger' id='"+event.id+"'></i>");
                },

但是我无法获得按钮工作。请让我知道您是否可以使用按钮工作。