fullCalendar V2后台事件标题

我一直在fullCalendar V2中使用新的后台事件来显示哪些插槽可用于预订，但我也希望在后台事件中显示某种标题。在事件上设置“标题”不会显示任何内容。fullCalendar V2后台事件标题

有没有办法做到这一点？

谢谢

2014-11-24 jimbodeni

设置“标题”应该够了。你能提供一个蹦极，jsfiddle或至少一个图像？ – 2014-11-24 10:47:11

嗨马里奥，通过背景事件我的意思是这个：http://fullcalendar.io/docs/event_rendering/Background_Events/ – jimbodeni 2014-11-24 11:16:53

@ jimbodeni在那一点上，为什么不把它作为一个事件？在后台事件功能可用之前，我在http://stackoverflow.com/a/26934653/1810243中显示了一种解决方法。你需要检查编辑历史。查看[revision 3]（http://stackoverflow.com/posts/26934653/revisions）中的代码片段（我在后台事件变为可用后替换了该答案）。 – MikeSmithDev 2014-11-24 15:52:03

我最近有类似的问题。我正在构建一个简单的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标签。此解决方案可以外推到其他视图（如日视图）。

来源

2015-01-22 10:26:39 Zefiryn

您可以使用此代码。尝试一下。

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

来源

2015-07-30 11:37:39 Shirox

我已经修改了日历的“eventRender”所以，如果一个事件检测后台渲染，也显示标题：

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

来源

2016-07-02 03:22:54 Dustin

fullCalendar V2后台事件标题

回答

相关问题