Javascript FullCalendar-尝试在标题中显示徽标图像

Javascript FullCalendar-尝试在标题中显示徽标图像,javascript,calendar,fullcalendar,Javascript,Calendar,Fullcalendar,我正在使用fullcalendar作为体育赛事日历。它工作得很好,但我想在日历左上角显示团队徽标。我不太清楚该如何处理这个问题。我希望它在每月的看法,并试图得到类似的东西如下图。我不确定是否可以通过JSON来完成,或者是否需要编辑源代码 一个简单的方法是使用CSS背景图像 e、 g.如果您的日历标题定义与图片中的标题定义类似: $('#calendar').fullCalendar({ header: { left: '', center: 'title'

我正在使用fullcalendar作为体育赛事日历。它工作得很好,但我想在日历左上角显示团队徽标。我不太清楚该如何处理这个问题。我希望它在每月的看法,并试图得到类似的东西如下图。我不确定是否可以通过JSON来完成,或者是否需要编辑源代码


一个简单的方法是使用CSS背景图像

e、 g.如果您的日历标题定义与图片中的标题定义类似:

$('#calendar').fullCalendar({
    header: {
        left: '',
        center: 'title',
        right: 'prev,next today'
    }
});
然后使用CSS,您可以在“fc toolbar”类上设置背景图像,该类用于包含标题元素,如下所示:

.fc-toolbar
{
  background: no-repeat url("https://fullcalendar.io/assets/images/logo.svg")
}

有关工作示例,请参见。

太棒了!只要图像相当小,效果就很好。谢谢