完整的日历事件渲染，jQuery

Question

是否可以在完整日历上编辑事件？目前，我只看到事件上的文字，但是我想做的就是导入图片，因此它应该具有名称，专业和日期。我试图通过prepend jquery进行编辑，所以我写了

$(element).find('.fc-title').prepend('<div class="example" ></div>');

当我将事件拖入其中时，它应该从那里删除日期，并在事件div

Answer 1

您需要使用eventRender: function(event, element) {功能。然后，您可以这样访问/修改标题html：

element.find('.fc-title').html();

在这里您可以添加图像或渲染添加的html。

这将添加到日历中：

$('.calendar').fullCalendar({
   weekends: false,
   eventRender: function(event, element) {
      element.find('.fc-title').html('<div class="example"></div>');
   }
});

Answer 2

您需要为'.fc-title'

更新CSS

要么：

element.find('.fc-title').css({ 'white-space:': 'normal !important' });

或CSS：

.fc-title { white-space: normal !important; }