fullCalendar V2 后台事件标题答案

【问题标题】：fullCalendar V2 background events titlefullCalendar V2 后台事件标题
【发布时间】：2014-11-24 10:25:30
【问题描述】：

我一直在使用 fullCalendar V2 中的新背景事件来显示可以预订的位置，但我还想在背景事件中显示某种标题。在事件上设置“标题”不会显示任何内容。

有没有办法做到这一点？

谢谢

【问题讨论】：

设置'title'就足够了。你能提供一个 plunker、jsfiddle 或至少一张图片吗？
嗨马里奥，我的意思是背景事件：fullcalendar.io/docs/event_rendering/Background_Events
@jimbodeni 在那一点上，为什么不把它变成一个事件呢？在后台事件功能可用之前，我在stackoverflow.com/a/26934653/1810243 中展示了一个解决方法。您需要检查编辑历史记录。查看revision 3 中的代码 sn-p（我在后台事件可用后替换了该答案）。
感谢@MikeSmithDev。这正是我所做的！

标签： fullcalendar

【解决方案1】：

我已经修改了日历的“eventRender”，这样如果事件检测到背景渲染，也会显示标题：

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

【讨论】：

【解决方案2】：

您可以使用此代码。试试看。

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

【讨论】：

【解决方案3】：

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

【讨论】：