要捕捉 FullCalendar 4 上的日期数字点击事件,可以使用 FullCalendar 提供的 dateClick 事件。下面是一个代码示例:
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
// 配置项
// ...
// 其他配置
// 日期数字点击事件处理函数
dateClick: function(info) {
alert('点击了日期:' + info.dateStr);
}
});
calendar.render();
});
在上面的代码中,我们监听了页面加载完成的 DOMContentLoaded 事件,并获取了具有 id "calendar" 的元素。然后,创建了 FullCalendar 的实例,并传入了一个包含 dateClick 事件处理函数的配置对象。在 dateClick 的处理函数中,我们可以获取到被点击的日期信息,通过 info.dateStr 来获取日期的字符串表示形式。在这个示例中,我们使用 alert 来弹出被点击的日期字符串。
请注意,上述代码中的其他配置项和初始化 FullCalendar 的代码并没有包含在示例中,你需要根据自己的需求进行设置。此外,你还需要引入 FullCalendar 的相关文件和样式表。
希望这个示例能帮助到你捕捉 FullCalendar 4 上的日期数字点击事件!