标题 dateClick 未在完整日历 v5 中触发/工作

Question

我正在使用 fullcalendar v5 版本并使用

resourceTimeGrid

渲染事件

渲染后我的视图看起来像这样

当我尝试单击日期时，它不会显示在日视图中。即使我输入控制台日志，点击事件也不会被触发

我尝试了以下事件，但没有一个起作用，

首先尝试使用 dateClick

 dateClick: function(info) {
    alert('Clicked on: ' + info.dateStr);
    alert('Coordinates: ' + info.jsEvent.pageX + ',' + info.jsEvent.pageY);
    alert('Current view: ' + info.view.type);
    // change the day's background color just for fun
    info.dayEl.style.backgroundColor = 'red';
  }

之后删除日期点击并尝试使用

navLinkDayClick

 navLinks: true,
  navLinkDayClick: function(date, jsEvent) {
    console.log('day', date.toISOString());
    console.log('coords', jsEvent.pageX, jsEvent.pageY);
  }

两者都不起作用。 我感觉日历里面有上述两个事件。 我无法在完整日历 v5 中找到与 headerDateClick 相关的任何事件

在 fullcalendar V3 中，添加任何事件一切都工作正常，但不知道为什么它在 V5 中不起作用

Answer 1

找到了答案，这就是解决方案

dayHeaderDidMount: function(arg) {
    arg.el.addEventListener('click', function(e) {
        self.calendar.changeView('timeGridDay');
        self.calendar.gotoDate(arg.date)
    });
},