Javascript 自定义视图在jquery fullcalendar中不起作用

Javascript 自定义视图在jquery fullcalendar中不起作用,javascript,fullcalendar,fullcalendar-5,Javascript,Fullcalendar,Fullcalendar 5,自定义按钮和自定义视图不起作用。下面是一个代码: var calendar = new FullCalendar.Calendar(document.getElementById('calendar'), { headerToolbar: { left: 'today,newEvent,dayGridYear,monthNew', center: 'title', right: 'prevYear,prev,next,nextYear',

自定义按钮和自定义视图不起作用。下面是一个代码:

var calendar = new FullCalendar.Calendar(document.getElementById('calendar'), {
    headerToolbar: {
        left: 'today,newEvent,dayGridYear,monthNew',
        center: 'title',
        right: 'prevYear,prev,next,nextYear',
    },
    customButtons: {
        myCustomButton: {
            text: 'custom!',
            click: function() {
                alert('clicked the custom button!');
            }
        }
    },
    navLinks: true,
    views: {
        monthNew: {
            type: 'month',
            duration: {months: 3},
            defaults: {fixedWeekCount: false},
            buttonText: '4 day'
        },
        dayGridYear: {
            type: 'timeline',
            buttonText: 'Year',
            dateIncrement: { years: 1 },
            slotDuration: { months: 1 },
            visibleRange: function (currentDate) {
                return {
                    start: currentDate.clone().startOf('year'),
                    end: currentDate.clone().endOf("year")
                };
            }
        }
    }
});
calendar.render();
在标题工具栏中,我只看到空文本按钮,单击不做任何事情


Fullcalendar版本:5.3.2

配置中有几个问题:

  • “月”不是有效的视图类型。是显示网格类型的基本视图类型。使用
    键入:“dayGrid”
    将修复此问题

  • 您尚未定义名为“newEvent”的自定义视图或按钮,因此该视图或按钮永远不会正确显示在标题中。目前还不清楚这个设置的目的是什么

  • 您已经定义了一个名为“myCustomButton”的自定义按钮,但尚未在标题中为其添加条目,因此它将永远不会显示

  • 视图需要高级附加组件。因此,只有在包含调度器JS和CSS文件(并确保您拥有适用于您的场景的适当许可证)之后,这才有效


  • 您是否尝试过将
    myCustomButton
    添加到
    左侧:“今天,新事件,dayGridYear,monthNew',
    左侧:“今天,新事件,dayGridYear,monthNew myCustomButton',
    ?正如您在docs@CarstenLøvboAndersen中看到的,是的,按钮工作,但视图不工作这与jQuery无关。FullCalendar v3是需要jQuery的最后一个版本。我已经删除了不相关的标签。