FullCalendar议程周/议程日视图，时间行宽度

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> ，而不是所有具有相同类组合的。

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

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

话虽如此，请注意固定宽度以及如果您调整它的大小或调整浏览器窗口的大小，fullCalendar 将如何反应，这取决于您是否为日历提供了固定的宽度/高度，或者是否弄乱了 aspectRatio 设置。