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