Fullcalendar：在“titleformat”旁边添加 HTML 标签答案

【问题标题】：Fullcalendar: add HTML tag next to the "titleformat"Fullcalendar：在“titleformat”旁边添加 HTML 标签
【发布时间】：2016-04-03 20:58:16
【问题描述】：

我使用 jQuery Fullcalendar 议程组件。我的目标是将操作与日历中显示的每个日期相关联，并允许在每个日期打开一个单独的窗口。

所以我需要在议程第一行中通过“titleFormat”格式化的日期旁边添加一个按钮或链接：

我知道如何更改日期格式，但不知道如何插入另一个 HTML 元素..

同时，我找到了一个与我想要做的很接近的例子，但是如果代码片段对我来说似乎很简单，我不知道如何将它合并到组件设置中...... 不幸的是，它的文档http://fullcalendar.io/docs/display/dayRender/ 在我看来仍然晦涩难懂。

eventRender: function (event, element) {
  var dataToFind = moment(event.start).format('YYYY-MM-DD');
  $("td[data-date='"+dataToFind+"']").addClass('activeDay');
}

【问题讨论】：

标签： jquery html fullcalendar

【解决方案1】：

白天渲染功能允许您修改任何您想要的单元格。如果我们把它作为一个 JQuery 对象，我们可以添加任何我们想要的元素：

  dayRender:function(date, cell){
    $(cell).html('<span>' + date + '</span>');
  }

小提琴示例： http://jsfiddle.net/Lty1z0sm/2/

更新我相信您正在寻找的是 viewRender 回调：

viewRender:function(view, element){
  var date = moment(view.start).format('YYYY-MM-DD');
  element.find('.fc-day-header').append('<button data-date="' + date + '" type="button">My Button</button>');
}

这是一个有效的小提琴：

http://jsfiddle.net/Lty1z0sm/3/

【讨论】：

感谢@MasNotsram 的回答。但是，在你的例子中，我意识到我在谈到 dayRender() 时犯了一个错误：我要更改的日历部分是，这是一天的名称，在它的顶部（类“fc-day-标题 fc-widget-header")
@Didier68 啊，我明白了！您是否有带有当前代码的 JSFiddle 和/或网站的链接？这样可以更清楚地了解您要实现的目标。
@Didier68 从头开始，我已经更新了我的答案。我认为它可以解决您的问题。
非常感谢您的帮助，这正是我想要的解决方案！祝您顺利过渡到 2016 年。
@Didier68 很高兴我能帮上忙，你也是！新年快乐！