fullCalendar V2后台事件标题

Question

我一直在使用fullCalendar V2中的新背景事件来显示可以预订的插槽,但我还希望在后台事件中显示某种类型的标题.在事件上设置'title'不会显示任何内容.

无论如何这样做？

谢谢

Answer 1

我修改了日历的"eventRender",这样如果事件检测到背景渲染,也会显示标题:

eventRender: function (event, element) {
    if (event.rendering == 'background') {
        element.append(event.title);
    }
}

Answer 2

您可以使用此代码.试试吧.

eventRender: function(event, element){
    if(event.source.rendering == 'background'){
        element.append("YOUR HTML CODE");
    }
}

Answer 3

我最近有类似的问题。我正在为自己构建一个简单的网络应用程序来管理我的工作时间，我想使用 fullcalendar 并显示我每天工作了多少小时。标准事件显示薄矩形，看起来不太好。我注意到有一些背景事件，所以我用它们来标记我工作的那一天。当一整天都被突出显示时，它看起来好多了。但与您类似，我想显示一些信息，即一天的时间。所以我想出了以下解决方案。我当天创建了两个活动。第一个是创建后台事件，第二个是创建正常事件，标题设置为小时，但背景设置为透明。在 css 的帮助下，我为标准事件对齐了文本。它的代码如下所示：

$('#calendar').fullCalendar({
            eventBackgroundColor: '#ABFFA6',
            eventColor: 'transparent',
            eventBorderColor: 'transparent',
            eventTextColor: '#000',
            events: [
                {"start":"2015-01-02","rendering":"background"},
                {"title":"06:10","start":"2015-01-02","backgroundColor":"transparent"},
            ]
        });

此代码将以浅绿色背景标记 1 月 2 日，并在其中添加 6:10 标签。该解决方案可以外推到其他视图（例如日视图）。