编程语言
首页 > 编程语言> > javascript-FullCalendar自定义/替代标题标题

javascript-FullCalendar自定义/替代标题标题

作者:互联网

我想更改日历的titleFormat.

目前,标题位于h2标签中,我们无法通过将HTML代码添加到titleFormat选项来对其进行个性化设置.
例如,将span标签放在我的titleFormat的固定值上(那里是[]).

我想知道是否可以在不修改fullcalendar.js的情况下覆盖Header类的updateTitle方法.或另一种可能性.

我有2个视图:标题格式为[[Semaine] W]的周,标题格式为dddd D MMMM YYYY的自定义Day.

我的FullCalendar版本是v2.3.0.

解决方法:

好的,这不是真正支持的方法,但这是一种解决方法. 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版本时).

标签:javascript,fullcalendar
来源: https://codeday.me/bug/20191013/1908058.html