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