javascript - 为什么FullCalender渲染的布局非常狭窄？

我正在尝试在Laravel项目之上构建的Vue组件模板中设置FullCalender.js（v3.9.0），但是一旦日历最终绘制后，压缩后的渲染会出现一些问题。

这是渲染日历后的屏幕截图：

Link to image (Because my account's too new)

当前，在我的代码中，我有一个像这样的模板：

<template>
<div>
    <div id='calendar'></div>
</div>
</template>

还有一个用于渲染挂载组件时调用的日历的函数，它看起来像这样：

renderCalendar() {
             $('#calendar').fullCalendar({
                 theme: 'bootstrap4',
                 weekends: false,
             })
        }

我还为Fontawesome CSS添加了指向我的组件<head>元素的链接，如FullCalender.js的文档所述。

我会竭尽所能！

为什么FullCalender渲染的布局非常狭窄？

0 个答案: