jqueryfullcalendar>；如何将按钮（或链接）添加到仅具有事件的天数

我正在使用FullCalendar3.5.1

我想在呈现当天的所有事件之后添加一个自定义链接到事件日

如果我使用

eventAfterRender

，它会在每个事件后显示链接。因此，如果有3个事件，它会显示3个链接，而我只需要一个

eventAfterRender:函数（事件、元素、视图）{
console.log（事件）；
var new_description='
'+''
元素。追加（新的_描述）；
}

这里有一种方法。另一种方法是尝试使用

clientEvents

检索所有事件并对其进行迭代

更新了jsiddle，包括工作、定位和链接

首先，使用

eventRender

（或

eventAfterRender

）回调在渲染时标记每个事件：

eventRender:function（事件，元素）{
//向事件元素添加一个类
element.addClass（'event-on-'+event.start.format（'YYYY-MM-DD'）；
}

接下来，在呈现所有事件后，使用

eventAfterAllRender

回调在日历上迭代，并每天分析：

eventAfterAllRender:函数（视图）{
//这将在每个可见的日子中迭代
$（'#calendar.fc day.fc widget content'）。每个（函数（i）{
//Fullcalendar包括每天的日期数据元素
变量日期=$（this）.data（'date'）；
//现在我们可以使用日期搜索当天的事件
//还有我们标记事件的CSS类
变量计数=$（'#日历a.fc-event.event on-'+日期）。长度；
//如果这一天有一些活动，你可以添加你的链接。
如果（计数>0）{
$（此）。附加（“”）；
}
});
}

最后是一些CSS来定位你的链接：

.fc小部件内容{
位置：相对位置；
}
傅先生{
位置：绝对位置；
右：0；
底部：0；
}

---

这基本上就是中使用的方法，这可能也会有所帮助。

这里有一种方法。另一种方法是尝试使用

clientEvents

检索所有事件并对其进行迭代

更新了jsiddle，包括工作、定位和链接

首先，使用

eventRender

（或

eventAfterRender

）回调在渲染时标记每个事件：

eventRender:function（事件，元素）{
//向事件元素添加一个类
element.addClass（'event-on-'+event.start.format（'YYYY-MM-DD'）；
}

接下来，在呈现所有事件后，使用

eventAfterAllRender

回调在日历上迭代，并每天分析：

eventAfterAllRender:函数（视图）{
//这将在每个可见的日子中迭代
$（'#calendar.fc day.fc widget content'）。每个（函数（i）{
//Fullcalendar包括每天的日期数据元素
变量日期=$（this）.data（'date'）；
//现在我们可以使用日期搜索当天的事件
//还有我们标记事件的CSS类
变量计数=$（'#日历a.fc-event.event on-'+日期）。长度；
//如果这一天有一些活动，你可以添加你的链接。
如果（计数>0）{
$（此）。附加（“”）；
}
});
}

最后是一些CSS来定位你的链接：

.fc小部件内容{
位置：相对位置；
}
傅先生{
位置：绝对位置；
右：0；
底部：0；
}

---

这基本上就是中使用的方法，这可能也很有帮助。

count始终为0。我已经用dayRender:function（date，cell）{var wbAddDetails=false；var dateString=moment（date）。format（'yyyyy-MM-DD'）；var allevents=$（'#calendar'）。fullCalendar（'clientEvents'）；for（var i=0；iBut的问题是它附加在顶部而不是底部

它附加在顶部

-如果你的意思是他们对你的链接进行布局/样式设置，是的，你需要使用一些CSS来定位它，这样它就不会被事件隐藏-例如绝对定位在日单元格的底部，或者类似的东西。@CFML\u开发者你得到这个消息了吗rking？这有帮助吗？计数一直是0。我用dayRender:function（date，cell）{var wbAddDetails=false；var dateString=moment（date）。format（'yyyyy-MM-DD'）；var allevents=$（'#calendar'）。fullCalendar（'clientEvents'）；for（var i=0；iBut的问题是它附加在顶部而不是底部

它附加在顶部

-如果你的意思是他们对你的链接进行布局/样式设置，是的，你需要使用一些CSS来定位它，这样它就不会被事件隐藏-例如绝对定位在日单元格的底部，或者类似的东西。@CFML\u开发者你得到这个消息了吗这有帮助吗？