Weekview titleFormat

Question

我有以下配置：

views: {
            week: {
                titleFormat: { year: 'numeric', month: '2-digit', day: '2-digit'},
                dayHeaderContent: (args) => {
                    return moment(args.date).format('dddd Do')
                },
            }
        },

..which将周中的headerTitle视图显示为10/23/2022-10/29/2022。如何更改格式，即23/10/2022-29/10/2022(从m/d/y改为d/m/y)。以前的答案不涉及v5，而是较新的titleFormat字符串。

Answer 1

下面的工作示例。

文档显示它接受“日期格式化程序”。按照该链接并向下滚动到格式化字符串部分，我们可以看到，如果安装/启用了该插件，则可以使用普通的矩格式字符串。链接文档描述了如何像我下面所使用的那样安装带有脚本标记的插件，但也包括使用npm或webpack，如果这就是您所拥有的。

现在启用了，回到关于日期格式的页面，有一个链接指向关于它的日期格式字符串的文档，我们可以看到如何构造您所追求的格式：D/MM/YYYY。

现在，我们只需将其放入特定于周的视图中，如视图特定的选项文档中所描述的从初始页面链接到的视图。

views: {
    week: {
        titleFormat: "D/MM/YYYY"
    }
}

工作片段：

​

document.addEventListener('DOMContentLoaded', function() {
    var calendarEl = document.getElementById('calendar');
    var calendar = new FullCalendar.Calendar(calendarEl, {
        initialView: 'dayGridWeek',
        views: {
            week: {
                titleFormat: "D/MM/YYYY"
            }
        }
    });
    calendar.render();
});

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fullcalendar@5.11.3/main.min.css">
<script src='https://cdn.jsdelivr.net/npm/moment@2.27.0/min/moment.min.js'></script>
<script src="https://cdn.jsdelivr.net/npm/fullcalendar@5.11.3/main.min.js"></script>
<script src='https://cdn.jsdelivr.net/npm/@fullcalendar/moment@5.5.0/main.global.min.js'></script>

<div id="calendar"></div>

​