javascript - 周视图中的完整日历更改日期格式

Question

我在我的项目中使用 jQuery 的 FullCalendar 插件。在 fullCalendar 周视图中，我可以看到一行显示以下格式的日期：-

Sunday 9/6, Monday 9/7,Tuesday 9/8等等...

实际上，我希望颠倒 to 的month/day位置day/month。

我该如何初始化设置？谢谢！

Answer 1

您需要使用该columnFormat选项来自定义它。

columnFormat: {
            month: 'ddd',
            week: 'ddd d/M',
            day: 'dddd d/M'
        }

表现在这个小提琴上。让我知道这是否有帮助！

Answer 2

查看title_formatfullcalendar 文档中的选项：http://arshaw.com/fullcalendar/docs/text/titleFormat/并在 fullcalendar 选项中设置所需的格式。

您还可以在此处查找所有日历视图的格式选项。

Answer 3

对于那些使用 FullCalendar v3 的人
来说，配置似乎发生了变化。

您可以使用 columnHeader 格式、文本或 Html 属性
如这个非常好的文档中所述：
https ://fullcalendar.io/docs/date-display

并将它们应用于以下不同的视图：
https ://fullcalendar.io/docs/view-specific-options

Answer 4

您可以使用任何类型的日期格式moment，这适用于 fullcalendar V5 (Version 5)。
这是全日历配置选项。

dayHeaderFormat: this.dayHeaderFormatUsingMoment,

这是javascript函数。

dayHeaderFormatUsingMoment(info) {
    return moment(info.date.marker).format("ddd, DD/MM/YYYY"); //output : Tue, 21/07/2020
}