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