如何移除FullCalendar 3.9.0中代表am/pm的a/p标识，改用HH:mm格式？

现有配置的问题 #

• 你配置的slotLabelFormat、axisFormat参数仅作用于周视图、日视图的左侧时间轴和时间槽标签，完全不控制月视图下事件条的时间显示规则
• 缺少针对月视图（或全局）的timeFormat参数配置，FullCalendar 3.x 默认使用带am/pm的12小时制作为事件时间格式，未自定义的情况下就会出现a/p缩写标识

修复方案 #

你可以根据需求选择两种配置方式：

方式1：全局生效所有视图 #

直接在根配置层级新增全局时间格式配置，所有视图的事件时间都会统一使用24小时制：

firstDay: 1,
firstHour: 0,
slotMinutes: 15,
slotLabelFormat: ['HH:mm'],
axisFormat: 'HH:mm',
timeFormat: 'HH:mm', // 新增全局时间格式配置
views: {
    month: {
        columnFormat: 'ddd'
    },
    week: {
        columnFormat: 'D.M.',
        titleFormat: 'D. MMMM YYYY'
    },
    day: {
        columnFormat: 'd.M.Y',
        titleFormat: 'D. MMMM YYYY'
    }
},
displayEventTime: true,
events: '/full-calendar',
selectable:false,
selectHelper: true,
droppable: false,

方式2：仅针对月视图生效 #

如果只需要月视图用24小时制，其余视图保留原有配置，只需要在month视图配置项中新增timeFormat参数即可：

views: {
    month: {
        columnFormat: 'ddd',
        timeFormat: 'HH:mm' // 仅给月视图配置时间格式
    },
    // 其余视图配置保持不变
},

配置修改完成后清理浏览器缓存重新加载即可生效。

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