jquery - FullCalendar 调整大小时修改标题

Question

我正在使用FullCalendar我试图通过在窗口大小低于特定大小时更改 View 来使其响应:

windowResize : function(view) {
    if ($(window).width() < 500) {
        $('#calendar').fullCalendar('changeView', 'basicDay');
    } else {
        $('#calendar').fullCalendar('changeView', 'month');
    }
    // modify the header (remove options for month and week and remove title)
}

这工作正常，但我如何修改标题(删除月份和星期的选项并删除标题)？您可以查看日历 here 的示例。

标题设置如下:

$('#calendar').fullCalendar({
    header : {
        left : 'prev,next today',
        center : 'title',
        right : 'month,basicWeek,basicDay'
    }
});

Answer 1

我也需要一个响应式脚本，但我得到的最好的是:

var view = 'month';
var header = {
            left : "title",
            center : "",
            right : "prev,next month,basicWeek,basicDay today"
    };
if ($(window).width() <= 480) {
    view = 'basicDay';
    header = {
        left : 'prev,next today',
        center : '',
        right : ''
    };
}
var acalendar = $("#ccalendar").fullCalendar(
            {
                            lang : "pt-BR",
                            defaultView : view,
                            header : header
             }

也许您可以在调整大小时重建日历。