2

我现在的日历设置有问题。我想让第一行，即 AgendaWeek 视图和 AgendaDay 视图中的时间更宽一些，但我在 fullcalendar.css 中找不到相应的 css 代码。有人能帮我吗？在此处输入图像描述

4

1 回答 1

7

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

<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 设置混淆。

于 2017-08-17T08:43:44.603 回答