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

时间:2018-04-10 17:40:32

标签: javascript calendar fullcalendar

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

enter image description here

1 个答案:

答案 0 :(得分:2)

一种简单的方法是使用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")
}

有关工作示例,请参阅http://jsfiddle.net/sbxpv25p/500/