全日历的宽度可以调整吗

Question

全日历的宽度可以调整吗

我将完整日历放在一个可调整大小的容器内。可以根据容器宽度更新fullcalendar的宽度

Answer 1

您可以将 css 样式应用到包含日历的 div。

<div id='calendar' style="width: 80%; display: inline-block;"></div>

或者你可以把它包装成另一个

div

<div class="outer" style="width:80%;">
   <div id="calendar">
   </div>
</div>

Answer 2

全日历中各列和网格的默认大小设置为 817px。将它们更改为 100% 解决了问题。

以下是可以使用的css。

.fc-col-header, .fc-scrollgrid-sync-table, .fc-daygrid-body.fc-daygrid-body-unbalanced.fc-daygrid-body-natural, .fc-daygrid-body.fc-daygrid-body-unbalanced, .fc-timegrid-body, .fc-timegrid-slots table, .fc-timegrid-cols table{
  width: 100% !important;
}