全日历 V4 日单击不触发

Question

我正在尝试将基于完整日历的旧网络应用程序转换为V4。 我不能让dayClick开火。

我有这个代码笔示例：https://codepen.io/anon/pen/YMMEyN?&editable=true&editors=001

该示例是通过 FC 网站上的 lik=nk 初始化的。 见下文。 默认情况下，它会显示一个dayGridMonth视图。 它包括interaction插件，但无论我单击哪一天的单元格，dayClick方法都不会触发。

document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
plugins: [ 'interaction', 'dayGrid', 'timeGrid' ],
defaultView: 'dayGridMonth',
defaultDate: '2019-04-07',
header: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay'
},
dayClick: function(info) {
alert("dayClick ");
},
events: [
{
title: 'All Day Event',
start: '2019-04-01'
},
{
title: 'Long Event',
start: '2019-04-07',
end: '2019-04-10'
},
{
groupId: '999',
title: 'Repeating Event',
start: '2019-04-09T16:00:00'
},
{
groupId: '999',
title: 'Repeating Event',
start: '2019-04-16T16:00:00'
},
{
title: 'Conference',
start: '2019-04-11',
end: '2019-04-13'
},
{
title: 'Meeting',
start: '2019-04-12T10:30:00',
end: '2019-04-12T12:30:00'
},
{
title: 'Lunch',
start: '2019-04-12T12:00:00'
},
{
title: 'Meeting',
start: '2019-04-12T14:30:00'
},
{
title: 'Birthday Party',
start: '2019-04-13T07:00:00'
},
{
title: 'Click for Google',
url: 'http://google.com/',
start: '2019-04-28'
}
]
});
calendar.render();
});

Answer 1

我想你的意思是dateClick而不是dayClick：

dateClick: function(info) {
alert("dateClick");
},

供参考：dateClick() 文档