FullCalendar的eventReceive用法
时间: 2024-03-13 14:15:17 浏览: 115
FullCalendar的eventReceive是一个事件回调函数,它在用户将一个外部事件拖动到日历中并成功放置时触发。
使用eventReceive时,您需要提供一个函数来处理事件。函数将接收以下参数:
1. event: 表示被添加到日历的事件对象。
2. info: 一个包含有关事件的附加信息的对象。
下面是一个基本的示例:
```javascript
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
// 配置选项...
plugins: ['interaction', 'dayGrid'],
defaultView: 'dayGridMonth',
editable: true, // 启用编辑功能
eventReceive: function(event) {
// 在这里处理新的事件
console.log('Event received:', event);
}
});
calendar.render();
});
```
在上面的示例中,我们创建了一个FullCalendar实例,并启用了编辑功能。当用户将一个外部事件拖动到日历中并成功放置时,eventReceive函数会被触发,并将新的事件对象作为参数传递给函数。您可以在函数中根据需要执行任何操作,例如打印事件对象或将其添加到数据库中。
请注意,您需要将上述示例中的`'calendar'`替换为您实际使用的日历元素的ID。
希望这可以帮助到您!如果您有任何其他问题,请随时问我。
阅读全文