javascript - 在 FullCalendar 中格式化列标题日期

Question

我一直在尝试更改出现在 Fullcalendar 周/时间 GridView 的日期列标题中的日期格式:



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

通过文档搜索，我最终来到了这里:https://fullcalendar.io/docs/v5/day-header-render-hooks

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

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

这导致显示每个标题的今天(星期四)，而不是正确的日期。

我的下一个问题是我不确定如何相应地格式化其余日期 - 这针对日期对象的“工作日”元素，但我不知道如何一次性格式化整个日期(如果这是可能的)。例如，我希望简单地显示“Thu 14th”。

任何帮助或建议表示赞赏!

Answer 1

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

新功能提供 args而不是 date目的。因此，您可以使用 args.date 访问它们然后使用 moment 格式化