FullCalendar agendaWeek/agendaDay 视图,时间行的宽度

FullCalendar agendaWeek/agendaDay view, width of time row

我现在的日历设置有问题。我想使第一行,即 AgendaWeek 视图和 AgendaDay 视图中的时间更宽一点,但我在 fullcalendar.css 中找不到相应的 css 代码。有人可以帮助我吗?

通过检查我的日历源,我可以看到左侧栏中显示的每个时间的代码如下:

<td class="fc-axis fc-time fc-widget-content" style="width: 55px;">
  <span>12:35am</span>
</td>

宽度似乎是内联设置的。大概这是通过 fullCalendar.

中的一些代码完成的

您可以在 CSS 中覆盖它,但您还需要移动列中的所有其他 <td>,而不是所有具有相同组合 classes.

幸运的是,它们都具有相同的根 class - .fc-axis。因此,如果您将其添加到 CSS 的末尾,它应该会很高兴地为您调整宽度。

.fc-axis { width: 100px !important;}

话虽如此,但请注意固定宽度以及 fullCalendar 在调整大小或调整浏览器大小时的反应方式 window,具体取决于您是否为日历设置了固定宽度 width/height,或者混淆了 aspectRatio 设置。