在完整日历月视图事件栏中包装文本

时间:2017-06-12 15:53:19

标签: fullcalendar

我正在我的项目中实现完整日历的时间轴视图,虽然它工作并且看起来很棒,但我唯一的问题是在时间轴月视图中,事件栏不会换行,因此文本的一半被截断,特别是当事件只持续几天时。

在周视图和日视图中,文本包装正常 - 它只是在月视图中。有没有办法让它包装文本?在某些情况下,预订中会添加注释,因此在月视图中几乎无法读取。

我使用此代码添加说明:

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);
    }
}

在我的日历范围内。

以下是时间轴月视图中条目的图片:

Month view

这就是Day视图中的样子(我希望它看起来像):

Day view

如果有人可以提供帮助,我将不胜感激。

1 个答案:

答案 0 :(得分:0)

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

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