javascript - FullCalendar 自定义/覆盖标题标题

Question

我想更改我的日历的标题格式。

目前，标题位于 h2 标签中，我们无法通过在 titleFormat 选项中添加 html 代码来对其进行个性化设置。 例如，在 titleFormat 的固定值上放置一个 span 标记(即 [] )。

我想知道是否可以重写 Header 类的 updateTitle 方法，而不修改 fullcalendar.js。或者另一种可能性。

我有 2 个 View :标题格式为“[Semaine] W”的一周和标题格式为“dddd D MMMM YYYY”的自定义一天。

我的 FullCalendar 版本是 v2.3.0。

Answer 1

好吧，这实际上并不受支持，但这里有一个解决方法。 JSFiddle

viewRender: function (view, element) {
    //The title isn't rendered until after this callback, so we need to use a timeout.
    if(view.type === "agendaWeek"){
        window.setTimeout(function(){
            $("#calendar").find('.fc-toolbar > div > h2').empty().append(
                "<div>"+view.start.format('MMM Do [to]')+"</div>"+
                "<div>"+view.end.format('MMM Do')+"</div>"
            );
        },0);
    }else if(view.type === "agendaDay"){
        window.setTimeout(function(){
            $("#calendar").find('.fc-toolbar > div > h2').empty().append(
                "<div>"+view.start.format('dddd D MMMM YYYY')+"</div>"
            );
        },0);
    }
},

我不知道它是否是世界上最稳定的东西，但在最坏的情况下，它有时可能会出现轻微的美观问题(例如当新的 FC 版本发布时)。