首页 > 解决方案 > 显示军用时间的完整日历

问题描述

我正在尝试找到一种方法从完整日历的时间中删除冒号。例如,我希望时间显示为 1400 而不是 14:00。

到目前为止,我使用的代码可用于将前导零转换为 24 小时制,但我可以找到摆脱冒号的方法。

slotLabelFormat: {
    hour: '2-digit',
    minute: '2-digit',
    hour12: false
}, 

标签: javascriptdatefullcalendardate-formattingfullcalendar-4

解决方案


不确定 FullCalendar 是否对此有本机支持,但它支持添加日期时间库插件。如果您将 moment.js 添加为插件,您可以使用格式化字符串设置日历,如下所示:

import momentPlugin from '@fullcalendar/moment';

const calendar = new Calendar(calendarEl, {
    plugins: [momentPlugin],
    slotLabelFormat: 'HHmm'
});

'HHmm' 格式字符串将为您提供一个填充的 24 小时小时和一个填充的分钟,并且由于它们之间没有冒号,因此您有您的军事时间。查看他们使用momentjs 插件的文档以及 Moment 自己的格式化字符串文档。

如果您更喜欢不同的插件,他们在此处列出了另一个选项(Luxon)


推荐阅读