События из массива не отображаются в фактическом календаре в FullCalendar 4

Я пытаюсь имитировать события в моем календаре, созданном с помощью 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)
        },

В инструментах веб-разработчика я получаю два объекта Event

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

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

Но в календаре ничего не отображается.

Что я делаю не так? Должен ли я принудительно выполнить повторный рендеринг или что-то в этом роде? Потому что что бы ни случилось, я уже визуализирую свой календарь, когда закончил его настройку.

Вот код текущей ситуации: https://codepen.io/nurovek/pen/zYYWGyX


fullcalendar fullcalendar-4 fullcalendar-scheduler
person nvk    schedule 15.11.2019    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Когда вы используете ресурс, вам необходимо определить 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'}
],

Вот обновленный ДЕМО https://codepen.io/nasser-ali-karimi/pen/abbPyJj

person Nasser Ali Karimi    schedule 18.11.2019
comment
Боже да! Конечно, это нужно было отдать на ресурс ... Большое спасибо! - person nvk; 18.11.2019