在全日历的resourceTimeGridDay中获取eventReceive上的资源id,可以通过以下步骤实现:
以下是一个示例代码片段,展示了如何在全日历的resourceTimeGridDay视图中获取eventReceive上的资源id:
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
plugins: ['resourceTimeGrid'],
defaultView: 'resourceTimeGridDay',
resources: [
{ id: 'a', title: 'Resource A' },
{ id: 'b', title: 'Resource B' },
// 其他资源...
],
events: [
{ id: '1', resourceId: 'a', start: '2022-01-01T09:00:00', end: '2022-01-01T10:00:00', title: 'Event 1' },
{ id: '2', resourceId: 'b', start: '2022-01-01T10:00:00', end: '2022-01-01T11:00:00', title: 'Event 2' },
// 其他事件...
],
eventReceive: function(info) {
var resourceId = info.event.resourceId;
console.log('资源id:', resourceId);
// 在这里可以进行进一步处理,比如保存到数据库或者进行其他业务逻辑操作
}
});
calendar.render();
});
在上述示例中,我们定义了两个资源(Resource A和Resource B)和两个事件(Event 1和Event 2)。当用户在resourceTimeGridDay视图中拖拽或点击创建一个新的事件时,会触发eventReceive事件。在eventReceive事件的回调函数中,我们通过访问info.event.resourceId属性获取到了拖拽或点击事件所属的资源id,并将其打印到控制台。
请注意,上述示例中的代码是基于FullCalendar插件实现的,如果你使用的是其他日历插件,具体的实现方式可能会有所不同。此外,腾讯云并没有提供与全日历插件直接相关的产品或服务,因此无法提供相关的腾讯云产品和产品介绍链接地址。
领取专属 10元无门槛券
手把手带您无忧上云