javascript - 在事件日历中显示带有日期的标题

Question

我正在使用完整的日历作为事件日历。我想在事件日历中显示带有日期的城市标题。但我看不到任何可以帮助我实现这一目标的选项。

我附上了一张图片，带有日期的标题应该是什么样子。

标签： javascriptfullcalendar

Answer 1

您可以使用内容挂钩 ,dayHeaderContent将您需要的任何内容添加到日期标题（标题）。

这是你如何做到的：

dayHeaderContent: function(arg){
   let placeTitle = document.createElement('h4');
   placeTitle.innerHTML = 'PRA';
   placeTitle.className = 'font-large city-title'; // add whatever class(es) you need/want
   let dayTitle = document.createElement('span');
   dayTitle.innerHTML = arg.text;
   return { domNodes: [
     placeTitle,
     dayTitle
   ]};
}

文档：

• https://fullcalendar.io/docs/day-header-render-hooks
• https://fullcalendar.io/docs/content-injection