FullCalendar v4在Salesforce LWC中eventTimeFormat失效，需配置24小时制

针对你的需求，需要分别配置时间轴刻度格式和事件时间格式，FullCalendar v4中这两个部分的格式是分开控制的，仅单独设置hour12无法覆盖所有场景。

修改后的配置代码 #

在init方法的Calendar配置对象中添加以下参数：

init() {
    var calendarEl = this.template.querySelector(".calendar");
    this.calendar = new FullCalendar.Calendar(calendarEl, {
        header: false,
        plugins: ["dayGrid", "list", "timeGrid", "interaction", "moment", "moment-timezone"],
        defaultView: 'timeGridWeek',
        firstDay: 1,
        allDay: false,
        // 配置时间轴左侧的小时刻度为24小时制
        slotLabelFormat: {
            hour: '2-digit',
            minute: '2-digit',
            hour12: false
        },
        // 配置事件上显示的时间为24小时制
        eventTimeFormat: {
            hour: '2-digit',
            minute: '2-digit',
            hour12: false
        }
    });

    this.calendar.render();
    this.calendarLabel = this.calendar.view.title;
}

参数说明 #

• slotLabelFormat：控制TimeGrid视图左侧垂直时间轴的显示格式，通过hour12: false强制启用24小时制，2-digit确保小时以两位数字显示（如09:00而非9:00）。
• eventTimeFormat：控制事件块上显示的时间格式，与时间轴配置保持一致即可统一整体显示风格。

之前单独设置hour12: false不生效，是因为该参数需要嵌套在格式配置对象中，而非作为顶级配置项存在。

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