嗨，我正在使用FullCalendar
使用bootstrap 5和Stimulus JS
connect() {
this.calendar = new Calendar(this.calendarTarget, {
plugins: [ dayGridPlugin, timeGridPlugin, listPlugin, bootstrap5Plugin],
themeSystem: 'bootstrap5',
height: 650,
width: 650,
headerToolbar: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
},
navLinks: true, // can click day/week names to navigate views
editable: true,
initialDate: '2018-01-12',
events: [
{
start: '2018-01-10T10:00:00',
end: '2018-01-12T16:00:00',
display: 'background'
},
]
});
this.calendar.render();
}
我在模态表单中添加了日历div在我的模态打开后，我面对的是：
图像
在我调整了浏览器日历的大小之后，它看起来不错。
myModal.addEventListener('shown.bs.modal', function() {
controller.calendar.render();
});
这有助于解决问题。但日历只有在打开模态之后才会出现。是什么导致了身高的变化，看起来很普通。