fullCalendar V2背景事件标题

fullCalendar V2背景事件标题,fullcalendar,Fullcalendar,我一直在使用fullCalendar V2中的新背景事件来显示哪些插槽可以预订,但我还想在背景事件中显示某种类型的标题。在事件上设置“标题”不会显示任何内容 这样做有什么好处吗 谢谢我最近也有类似的问题。我正在为自己构建一个简单的网络应用程序来管理我的工作时间,我想使用fullcalendar并显示我每天工作的时间。标准事件,其中显示薄矩形,看起来不太好。我注意到有一些背景事件,所以我用它们来标记我工作的那天。整个一天都很精彩,看起来好多了。但和你一样,我想展示一些信息,也就是一天的时间。因此,

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

这样做有什么好处吗


谢谢

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

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

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

我已经修改了日历的“eventRender”,以便在事件检测到背景渲染时,也显示标题:

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

设置“标题”就足够了。你能提供一个plunker,JSFIDLE或者至少一个图片吗?嗨,Mario,我所说的背景事件是这样的:@jimbodeni在这一点上,为什么不把它作为一个事件呢?在后台事件功能可用之前,我在中显示了一个解决方法。您需要检查编辑历史记录。请看中的代码片段(在后台事件可用后,我替换了该答案)。谢谢@MikeSmithDev。这正是我所做的!