FullCalendar 4的实际日历中未显示数组中的事件

问题描述 投票:1回答:1

我尝试在我的FullCalendar生成的日历中模拟事件。

目前,我只是从静态对象(它是可分析对象的数组)中获取数据,以便初始化日历中的事件。

在我从本地存储中获得此PoC之后。

var calendar = new FullCalendar.Calendar(calendarEl, {
        timezone: 'UTC',
        events: [
          {title: "Repos de cycle", start: "2019-11-07T07:00:00.000Z", end: "2019-11-07T11:00:00.000Z"},
          {title: "Repos de cycle", start: '2019-11-07T07:00:00.000Z', end: '2019-11-07T11:00:00.000Z'}
        ],
...

当我调用eventRender时,实际上看到了从日历的“ events”属性中解析出的事件对象

        eventRender(info) {
          console.log('rendered event : ', info.event)
        },

在Web开发人员工具中,我实际上得到了两个Event对象

rendered event :  e {_calendar: e, _def: {…}, _instance: {…}}

rendered event :  e {_calendar: e, _def: {…}, _instance: {…}}

但是日历中什么也没有显示。

我做错了什么?我应该强制重新渲染吗?因为无论发生什么情况,完成配置后,我已经渲染了日历。

这里是当前情况的代码笔:https://codepen.io/nurovek/pen/zYYWGyX

fullcalendar fullcalendar-scheduler fullcalendar-4
1个回答
0
投票

使用资源时,您需要为事件定义resourceId。所以你应该这样设置。

events: [
   {resourceId: '2', title: "Repos de cycle", start: "2019-11-07T07:00:00.000Z", end: "2019-11-07T11:00:00.000Z"},
   {resourceId: '4', title: "Repos de cycle", start: '2019-11-07T07:00:00.000Z', end: '2019-11-07T11:00:00.000Z'}
],

这里是更新的DEMO https://codepen.io/nasser-ali-karimi/pen/abbPyJj

© www.soinside.com 2019 - 2024. All rights reserved.