Fullcalendar未在dayGrid或week视图中正确显示事件

Fullcalendar未在dayGrid或week视图中正确显示事件,fullcalendar,Fullcalendar,我试着创建一个时间范围内的活动,但当我进入“日”或“周”视图时,它们显示出非常奇怪的效果。我读了很多问题,但我无法解决。我尝试将allDay设置为false,但问题并不存在 我又下载了图书馆。我也禁用了所有css(除了引导),但问题仍然存在 let calendarEl = document.getElementById('calendar'); let calendar = new FullCalendar.Calendar(calendarEl, { asp

我试着创建一个时间范围内的活动,但当我进入“日”或“周”视图时,它们显示出非常奇怪的效果。我读了很多问题,但我无法解决。我尝试将allDay设置为false,但问题并不存在

我又下载了图书馆。我也禁用了所有css(除了引导),但问题仍然存在

    let calendarEl = document.getElementById('calendar');

    let calendar = new FullCalendar.Calendar(calendarEl, {
        aspectRatio: 2,
        plugins: [ 'dayGrid', 'interaction', 'timeGrid' ],
        allDayDefault: false,
        editable: true,
        eventLimit: true,
        selectable: true,
        selectHelper: true,
        locale: 'es',
        header: {
            left: "prev,next",
            center: "title",
            right: "dayGridMonth,timeGridWeek,timeGridDay,listWeek"
        },
        events:[
            {
            title: 'All Day Event',
            start: '2019-08-01',
            },
            {
            title: 'Long Event',
            start: '2019-08-07',
            end: '2019-08-10'
            },
            {
            groupId: 999,
            title: 'Repeating Event',
            start: '2019-08-09T16:00:00'
            },
            {
            groupId: 999,
            title: 'Repeating Event',
            start: '2019-08-16T16:00:00'
            },
            {
            title: 'Conference',
            start: '2019-08-11',
            end: '2019-08-13'
            },
            {
            title: 'Meeting',
            start: '2019-08-12T10:30:00',
            end: '2019-08-12T12:30:00'
            },
            {
            title: 'Lunch',
            start: '2019-08-12T12:00:00'
            },
            {
            title: 'Meeting',
            start: '2019-08-12T14:30:00'
            },
            {
            title: 'Happy Hour',
            start: '2019-08-12T17:30:00'
            },
            {
            title: 'Dinner',
            start: '2019-08-12T20:00:00'
            },
            {
            title: 'Birthday Party',
            start: '2019-08-13T07:00:00'
            },
            {
            title: 'Click for Google',
            url: 'http://google.com/',
            start: '2019-08-28'
            }
        ]});

    calendar.render();
    calendar.updateSize();

解决了,我忘了添加与时间网格和列表相关的css。如果没有问题,请删除问题,谢谢