fullcalendar - FullCalendar v4 导航按钮点击处理程序

Question

如何将处理程序附加到 FullCalendar v4 中的导航按钮？官方文档中没有指定任何内容。

Answer 1

获得所需内容的一种方法是隐藏默认的上一个和下一个按钮，并用您自己的自定义按钮替换，这些按钮有点击回调。

有关工作示例，请参阅https://codepen.io/ormasoftchile/pen/NVJeez 。

    customButtons: {
      customprev: {
        text: '<',
        click: function() {
          alert('clicked custom button 1!');
          calendar.prev();
        }
      },
      customnext: {
        text: '>',
        click: function() {
          alert('clicked custom button 2!');
          calendar.next();
        }
      }
    }

问候， 克里斯蒂安

Answer 2

唯一的内置方法是events: fn ()回调。从文档

FullCalendar 将在需要新事件数据时调用此函数。当用户单击上一个/下一个或切换视图时触发。

document.addEventListener('DOMContentLoaded', function() {
    var calendarEl = document.getElementById('calendar');

    var calendar = new FullCalendar.Calendar(calendarEl, {
        plugins: [ 'dayGrid' ],
        defaultView: 'dayGridMonth',
        events: function (info) {
            console.log(info);
        }
    });

    calendar.render();
});