FullCalendar导航按钮单击处理程序

Question

在FullCalendar版本4中，如何单击默认导航按钮之一？ 这是第4版的问题，因此请不要使用JQuery答案。

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 ()回调。从 docs

  

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();
});