Question

我想要更改我日历的titleFormat。

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

我想知道是否可以覆盖类Header的updateTitle方法，而无需修改fullcalendar.js。或另一种可能性。

我有2个观看次数：标题格式为'[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版本发布时一样。）。

Answer 2

一种简单的方法是覆盖 viewRender 事件中的 view.title ：

...
,
header: {
  center: 'title',
},
viewRender: function(view, element) {
  view.title = 'Your Custom Title';
},
...

FullCalendar自定义/覆盖标题标题

2 个答案: