FullCalendar中的动态事件模板

是否有任何方法可以动态更改FullCalendar中的事件模板

更新。我想要的是指定新的事件html（例如在eventRender回调中），并使FullCalendar用于我的事件呈现。大概是这样的：

eventRender: function(event, element, view) {
  var template = '<div class="customEvent"></div>';
  return $.parse(template);
}

eventRender:函数（事件、元素、视图）{
var模板=“”；
返回$.parse（模板）；
}

尝试了上面的示例-无效。

使用eventRender（回调）函数更改事件模板。以下是如何为活动添加提示：

eventRender: function(event, element, view) { 
   element.qtip({
      content: event.description
   });
}

使用此功能，您可以完全自定义显示的事件的任何细节，包括添加完整的新事件模板。有关更多详细信息，请参阅文档：

---

您可以添加事件的元信息，如类和相应的样式：

事件：[{
标题：“蓝色事件”，
开始：“2014-06-01”，
描述：“Lorem ipsum Lorem ipsum”，
班级：'蓝色主'
}]

和CSS：

.fc-event.blue{}
.fc-event.main{}

在

eventRender

上插入带有

eventRender:function（事件，元素）{
element.addClass（event.class）
}

并添加更多内容，如：

if（事件描述）{
元素。查找（'.fc事件内部'）
.append（“+event.description+”）；
}

$（文档）.ready（函数（）{
$（“#日历”）.fullCalendar({
标题：{左：''，中：''，右：'}，
默认日期：“2014-06-12”，
eventRender:函数（事件，元素）{
if（事件描述）{
元素。查找（'.fc事件内部'）
.append（“+event.description）+”；
}               
element.addClass（event.class）
},
活动：[{
标题：“蓝色事件”，
开始：“2014-06-01”，
描述：“Lorem ipsum Lorem ipsum”，
班级：'蓝色主'
}, {
标题：“更蓝”，
开始：“2014-06-01”，
描述：'更多知识产权'，
班级：'蓝色主'
}, {
标题：“长期活动”，
开始：“2014-06-07”，
完：2014-06-10，
班级：'红总管'
}, {
标题:"会议",，
开始：“2014-06-12T10:30:00”，
完：“2014-06-12T12:30:00”，
班级：'蓝色主'
}, {
标题:"午餐",，
开始：“2014-06-12T12:00:00”，
班级：'蓝色主'
}, {
标题:"生日派对",，
开始：“2014-06-13T07:00:00”，
班级：'红总管'
}, ],
});
});
正文{
背景色：#eaefb5；
字体系列：无衬线；
}
.fc事件时间，.fc事件标题{
填充：0 1px；
浮动：左；
明确：无；
右边距：10px；
}
.fc-event.main{
边框：5px实心#bbb；
保证金：5px；
填充：3件
}
.fc-event.red{
背景色：#f85032；
}
.fc-event.red.fc事件标题{
字体系列：Tahoma；
字体大小：1.2em
}
.fc-event.blue{
背景#87e0fd；
背景：-莫兹线性梯度（顶部，#87e0fd 0%，#53cbf1 40%，#05abe0 100%）；
背景：-webkit渐变（线性、左上、左下、颜色停止（0%，#87e0fd）、颜色停止（40%，#53cbf1）、颜色停止（100%，#05abe0））；
背景：-webkit线性梯度（顶部，#87e0fd 0%，#53cbf1 40%，#05abe0 100%）；
背景：-o-线性梯度（顶部，#87e0fd 0%，#53cbf1 40%，#05abe0 100%）；
背景：-ms线性梯度（顶部，#87e0fd 0%，#53cbf1 40%，#05abe0 100%）；
背景：线性梯度（至底部，#87e0fd 0%，#53cbf1 40%，#05abe0 100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#87e0fd'，endColorstr='#05abe0'，GradientType=0）；
}
.fc-event.blue.fc事件标题{
字号：2em；
颜色：#EEE；
文本阴影：2×2×4×300000；
}
.fc-event.blue.desc{
字体大小：.8em；
浮动：左；
明确：两者皆有；
}
eventRender回调函数可以修改元素，返回一个全新的DOM元素，该元素将用于呈现，也可以返回false，这将阻止事件被呈现


示例如下：

$（“#日历”）.fullCalendar({
标题：{
左：“上一个，下一个今天”，
中心：'标题'，
右图：“月，agendaWeek，agendaDay”
},
默认日期：“2014-06-12”，
是的，
eventRender:函数（事件、元素、视图）{
返回$（''+event.title+''）；
},
活动：[
{
标题：“全天活动”，
开始日期：2014-06-01
},
{
标题：“长期活动”，
开始：“2014-06-07”，
完：2014-06-10
},
{
身份证号码：999，
标题：“重复事件”，
开始：“2014-06-09T16:00:00”
},
{
身份证号码：999，
标题：“重复事件”，
开始：“2014-06-16T16:00:00”
},
{
标题:"会议",，
开始：“2014-06-12T10:30:00”，
完：2014-06-12T12:30:00
},
{
标题:"午餐",，
开始：“2014-06-12T12:00:00”
},
{
标题:"生日派对",，
开始：“2014-06-13T07:00:00”
},
{
标题：“点击谷歌”，
网址：'http://google.com/',
开始：“2014-06-28”
},
]
});
您可以像这样附加新信息

eventRender: function( event, element, view ) {
       element.find('.fc-title').append('<span class="yourCSS"></span> '); 
}

eventRender:函数（事件、元素、视图）{
元素。查找（'.fc title'）。追加（''）；
}
在FullCalendar的v4版中，参数已更改（）

如果要防止事件渲染，只需返回false

虽然链接可能有用，但如果它们断开，也可能会过时。在这里复制一些要点来强化你的观点如何？关于这方面的文档
eventRender: function( event, element, view ) {
       element.find('.fc-title').append('<span class="yourCSS"></span> '); 
}

eventRender: function(info) {
    var node = document.createElement('div');
    node.append(document.createTextNode(info.event.title));
    return node;
}

eventRender: function(info) {
    return false;
}