全日历资源时间轴未显示所有持续时间

时间:2019-08-13 09:05:01

标签: javascript fullcalendar fullcalendar-4

我已按照全日历教程的步骤进行操作,但未显示事件的总持续时间。 [这就是我得到的] [1]

import {Calendar} from '@fullcalendar/core';
import interaction from '@fullcalendar/interaction';
import listPlugin from '@fullcalendar/list';
import resourceTimeline from '@fullcalendar/resource-timeline';
import esLocale from '@fullcalendar/core/locales/es';


let calendario = null;

function init() {
    console.info("OcupacionAulas init");
    let calendarioEl = document.getElementById('calendario-ocupacion');
    calendario = new Calendar(calendarioEl, {
        schedulerLicenseKey: 'GPL-My-Project-Is-Open-Source',
        locale: esLocale,
        timeZone: 'europe/madrid',
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'resourceTimelineDay,resourceTimelineWeek,resourceTimelineMonth,listMonth'
        },
        buttonText: {
            today: 'hoy',
            month: 'mes',
            week: 'semana',
            day: 'día',
            list: 'lista'
        },
        aspectRatio: 1.5,
        defaultView: 'resourceTimelineDay',
        plugins: [interaction, resourceTimeline, listPlugin],
        resources: 'https://fullcalendar.io/demo-resources.json?with-nesting&with-colors',
        events: 'https://fullcalendar.io/demo-events.json?single-day&for-resource-timeline'
    });

    calendario.render();
}

[这应该是它的外观] [1]

0 个答案:

没有答案