显示军事时间的完整日历

Question

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

到目前为止，我使用的代码可以转换为带有前导零的 24 小时制，但我可以找到一种方法来去掉冒号。

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

Answer 1

不确定 FullCalendar 对此有原生支持，但它支持添加日期时间库插件。如果您将 moment.js 添加为插件，您可以使用格式字符串设置您的日历，如下所示：

import momentPlugin from '@fullcalendar/moment';

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

'HHmm' 格式化字符串将为您提供一个填充的 24 小时制小时和一个填充的分钟，并且由于它们之间没有冒号，所以您有军用时间。查看他们的文档以了解如何使用 momentjs plugin as well as Moment's own docs on formatting strings.

如果您喜欢不同的插件，他们列出了另一个选项 (Luxon) here

显示军事时间的完整日历

Full Calender displaying military time

javascript

date

fullcalendar

date-formatting

fullcalendar-4