在 FullCalendar 中格式化列 header 日期

Question

我一直在尝试更改显示在全日历 week/timegrid 视图中的日期列 headers 中的日期格式：

我将 V5 与 moment.js 结合使用。

这是我在初始化日历时尝试过的代码：

dayHeaderFormat: function(date){
    return moment(date.weekday).format('ddd');
}

这导致每个 header 显示今天（星期四），而不是正确的日期。

我的下一个问题是我不确定如何相应地格式化日期的其余部分 - 这针对日期 object 的 'weekday' 元素，但我无法弄清楚如何一次性格式化整个日期（如果可能的话）。例如，我只想显示 'Thu 14th'。

感谢任何帮助或建议！

Answer 1

dayHeaderContent: (args) => {
    return moment(args.date).format('ddd Do')
}

新函数提供 args 而不是 date 对象。因此，您可以使用 args.date 访问它们，然后使用 moment

进行格式化

Answer 2

您可以使用

dayHeaderContent: (args) => {
return moment(args.date).format('ddd Do')
}

我在一个月内遇到问题....从 1 月开始的月，现在是 6 月

Format column header dates in FullCalendar