fullcalendar - 如何将关闭按钮添加到 Fullcalendar 中的事件 block

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. 
  }
}