我正在我的项目中实现完整日历的时间轴视图,虽然它工作并且看起来很棒,但我唯一的问题是在时间轴月视图中,事件栏不会换行,因此文本的一半被截断,特别是当事件只持续几天时。
在周视图和日视图中,文本包装正常 - 它只是在月视图中。有没有办法让它包装文本?在某些情况下,预订中会添加注释,因此在月视图中几乎无法读取。
我使用此代码添加说明:
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);
}
}
在我的日历范围内。
以下是时间轴月视图中条目的图片:
这就是Day视图中的样子(我希望它看起来像):
如果有人可以提供帮助,我将不胜感激。
答案 0 :(得分:0)
刚遇到同样的问题,这对我有用......
.fc-event-time, .fc-event-title {
padding: 0 1px;
white-space: normal;
}