Question

我在自定义 FullCalendar 时遇到了麻烦。 FullCalendar 中的默认标题，其“ h2”中带有月，年和上一个，下一个按钮。

我需要在单独的元素中转换“ h2”（p分别与年份和p与月份相同）；另外，我还需要将默认视图上个月和下个月按钮更改为具有该月名称的按钮。

我将很高兴为您提供帮助。

下面是我的代码：（来源中的月份名称不是英语。

var monthNames = ['Січень','Лютий','Березень','Квітень','Травень','Червень','Липень','Серпень','Вересень','Жовтень','Листопад','Грудень'];
var calendarDate = new Date()
var monthNum = calendarDate.getMonth();
var prevMonth = monthNames[monthNum - 1];
var nextMonth = monthNames[monthNum + 1];

$(document).ready(function() {
    $('#calendar').fullCalendar({
        firstDay: 1, /* первый день  недели */ 
        defaultView: 'month',
        header: {
            left: 'prev,next',
            center: 'title',
        },
        viewRender: function (view, element) {
            var monthNames = ['Січень','Лютий','Березень','Квітень','Травень','Червень','Липень','Серпень','Вересень','Жовтень','Листопад','Грудень'];
            var currentMonth = $("#calendar").fullCalendar('getDate').month();
            var customMonth = monthNames[currentMonth];
            $('.fc-prev-button, .fc-next-button').click(function(){
                prevMonth = monthNames[customMonth - 1];
                nextMonth = monthNames[currentMonth + 1];
            });
        },
        monthNames: ['Січень','Лютий','Березень','Квітень','Травень','Червень','Липень','Серпень','Вересень','Жовтень','Листопад','Грудень'],
        monthNamesShort: ['Січ.','Лют.','Бер.','Квіт.','Трав.','Черв.','Лип.','Серп.','Вер.','Жовт.','Лис.','Груд.'],
        dayNames: ["Неділя","Понеділок","Вівторок","Середа","Четвер","П'ятниця","Субота"],
        dayNamesShort: ["НД","ПН","ВТ","СР","ЧТ","ПТ","СБ"],
        buttonText: {
            prev: prevMonth,
            next: nextMonth
        },
    });
});

图片enter image description here

enter image description here

Answer 1

您可以将标题留空，然后在viewRender函数中执行以下操作：

   viewRender: function(view, element){

   $('.fc-toolbar .fc-center').append('/* inside this, you can append any elements you need for your title */');   

    }

自定义FullCalendar中的标题

1 个答案: