fullcalendar - 在完整日历月 View 事件栏上环绕文本

Question

我正在我的项目中实现完整日历的时间线 View ，虽然它可以工作并且看起来很棒，但我唯一的问题是在时间线月 View 中，事件栏没有换行，所以一半的文本被截断，尤其是当事件只持续几天时。

在周和日 View 中，文本可以很好地换行 - 它只是在月 View 中。有什么方法可以让它包裹文本吗？在某些情况下，预订中会添加注释，因此它们在月 View 中几乎无法阅读。

我正在使用此代码添加描述:

eventRender: function(event, element) {
    element.find(".fc-event-title").remove();
    element.find(".fc-event-time").remove();
    if(event.desc) {
        var new_description =
            '<br/><div class="fc-title">' + event.desc + '</div>'
                ;
        element.append(new_description);
    }
}

在我的日历参数中。

这是该条目在时间线月 View 中的外观图片:

这是它在日 View 中的样子(我希望它的样子):

如果有人能提供帮助，我将不胜感激。

Answer 1

刚刚遇到同样的问题，这对我有用...

.fc-event-time, .fc-event-title {
padding: 0 1px;
white-space: normal;
}