FullCalendar v5周视图标题格式修改：如何将m/d/y改为d/m/y？

针对你的需求，修改FullCalendar v5周视图的标题格式为日/月/年，可以通过以下两种方式实现：

方式1：使用格式字符串（推荐） #

直接指定完整的日期格式字符串，同时自定义分隔符匹配需求：

views: {
    week: {
        // 指定日/月/年格式，DD=两位日，MM=两位月，YYYY=四位年
        titleFormat: "DD/MM/YYYY",
        // 将默认的长破折号替换为短横线
        titleSeparator: " - ",
        dayHeaderContent: (args) => {
            return moment(args.date).format('dddd Do')
        },
    }
},

方式2：使用对象配置并指定顺序 #

如果需要保留对象形式的配置，通过order属性强制日期部分的顺序：

views: {
    week: {
        titleFormat: {
            year: 'numeric',
            month: '2-digit',
            day: '2-digit',
            // 明确指定日、月、年的顺序
            order: ['day', 'month', 'year']
        },
        titleSeparator: " - ",
        dayHeaderContent: (args) => {
            return moment(args.date).format('dddd Do')
        },
    }
},

说明 #

FullCalendar v5中，默认会根据本地化设置渲染日期顺序（美式为月/日/年）。上述两种方式都能强制覆盖默认行为，让周视图标题按照日/月/年的格式显示，同时通过titleSeparator统一分隔符样式。

内容的提问来源于stack exchange，提问作者John Crest