FullCalendar.js 是一个用于创建交互式日历的 JavaScript 库。它提供了丰富的功能来定制日历的外观和行为,包括事件显示、日期导航等。
在 FullCalendar.js 中,默认情况下,时间会以 "12 小时制" 显示,并带有 "am" 和 "pm" 的标识。如果你希望从显示中删除这些标识,可以通过自定义时间格式来实现。
你可以通过设置 timeFormat
选项来控制时间的显示格式。具体来说,你可以使用 h
来代替 hh
,这样就不会显示 "am" 和 "pm" 了。
以下是一个示例代码:
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
initialView: 'dayGridMonth',
slotLabelFormat: [
{ hour: 'numeric', minute: '2-digit', hour12: false }
],
eventTimeFormat: { hour: 'numeric', minute: '2-digit', hour12: false }
});
calendar.render();
});
slotLabelFormat
: 这个选项用于设置日历的时间槽标签的格式。通过设置 hour12: false
,我们告诉 FullCalendar.js 使用 "24 小时制" 显示时间。eventTimeFormat
: 这个选项用于设置事件时间的格式。同样地,通过设置 hour12: false
,我们确保事件时间也以 "24 小时制" 显示。通过上述设置,你可以从 FullCalendar.js 中删除 "am" 和 "pm" 的显示,从而满足你的需求。
领取专属 10元无门槛券
手把手带您无忧上云