全日历日程周/议程日视图，时间宽度

Question

我现在对日历的设置有疑问。我想使第一行的时间在AgendaWeek视图和AgendaDay视图中更宽一些，但是我在fullcalendar.css中找不到相应的CSS代码。有人能帮我吗？

Answer 1

通过检查我的日历的来源，我可以看到在左侧列中每次显示的以下代码：

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

宽度似乎是内联设置的。大概是通过fullCalendar中的一些代码完成的。

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

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

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

话虽这么说，但要注意固定的宽度以及如果您调整日历的大小或调整浏览器窗口的大小，fullCalendar会如何反应，具体取决于您是否为日历指定了固定的宽度/高度，还是弄乱了AspectRatio设置。