如何从fullcalender.js中删除"p“和"a”(表示"am“和"pm")

基础概念

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();
});

解释

1. slotLabelFormat: 这个选项用于设置日历的时间槽标签的格式。通过设置 hour12: false，我们告诉 FullCalendar.js 使用 "24 小时制" 显示时间。
2. eventTimeFormat: 这个选项用于设置事件时间的格式。同样地，通过设置 hour12: false，我们确保事件时间也以 "24 小时制" 显示。

参考链接

FullCalendar.js 官方文档

通过上述设置，你可以从 FullCalendar.js 中删除 "am" 和 "pm" 的显示，从而满足你的需求。