Question

我一直在使用fullCalendar V2中的新背景事件来显示可以预订的插槽，但我还希望在后台事件中显示某种类型的标题。设置＆＃39;标题＆＃39;在这个事件上没有任何表现。

有没有这样做？

由于

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

我最近遇到过类似的问题。我正在构建一个简单的webapp来管理我的工作时间，我想使用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标签。此解决方案可以外推到其他视图（如日视图）。

fullCalendar V2后台事件标题

3 个答案: