javascript - 完整日历可自定义标题

Question

我在代码中使用了以下属性，如下所示：-

columnHeaderFormat: {
                    weekday: 'short', month: 'numeric', day: 'numeric', omitCommas: true
                }

它有点像这样

现在，因为我想在下面的当前月份的第 1 周、第 2 周等实现标题自定义，比如周一到周日，下面是一个示例

因为我想在左边保留我的资源，如图所示，也不应该被删除。

标签： javascriptfullcalendarfullcalendar-schedulerfullcalendar-4

Answer 1

您可以相当简单地实现这一点。

然而，重要的是要意识到这columnHeaderFormat在 Timeline 视图中没有用，因为沿着水平标题栏的不是列（代表天，就像在 TimeGrid 视图中那样），而是实际上是时间段（通常在左侧 -在 TimeGrid 视图中垂直手侧）。

因此，您需要使用slotLabelFormat设置来调整外观。要在标题中获得两个水平条（根据您的示例屏幕截图），您可以在格式选项中设置两个单独的设置：

slotLabelFormat: [
  { week: "short" }, // top level of text
  { weekday: "short" } // lower level of text
],

工作演示：https ://codepen.io/ADyson82/pen/ZEYaXmJ?&editable=true&editors=001

相关文件：

• https://fullcalendar.io/docs/slotLabelFormat

• https://fullcalendar.io/docs/date-formatting