FullCalendar V5 时间格式 AM PM - JavaScript

FullCalendar V5是一个基于JavaScript的开源全日历JavaScript库。它提供了众多功能和选项，包括显示、创建、编辑和删除事件，自定义事件颜色和样式，事件拖放和缩放，以及按日、周、月和年视图显示事件等。

时间格式

在FullCalendar V5中，时间格式可以通过设置全局选项或事件选项来自定义。时间格式包括小时、分钟、和AM/PM标识符等。

全局选项

要设置全局时间格式，可以使用locale选项。它允许您指定一种语言、一个本地化器、和一些选项。例如，下面的代码设置了美国英语en-US的本地化器，并将时间格式设置为h:mm:ss a：

document.addEventListener('DOMContentLoaded', function() {
  var calendarEl = document.getElementById('calendar');
  var calendar = new FullCalendar.Calendar(calendarEl, {
    plugins: [ 'dayGrid' ],
    locale: 'en-US',
    eventTimeFormat: { // like '14:30'
      hour: 'numeric',
      minute: '2-digit',
      meridiem: 'short'
    }
  });
  calendar.render();
});

上面的代码将事件时间格式设置为hh:mm a。在12小时制中，hh表示小时数，范围从01到12，mm表示分钟数，范围从00到59，a表示AM或PM标识符。

事件选项

如果您想针对每个事件单独指定时间格式，则可以使用eventTimeFormat选项。例如，下面的代码设置了每个事件的时间格式为h:mm a：

events: [
  {
    title: 'My Event',
    start: '2021-10-01T13:00:00',
    end: '2021-10-01T15:00:00',
    extendedProps: {
      timeFormat: 'h:mm a'
    }
  }
],
eventTimeFormat: { // for all non-time-zone-aware events
  hour: '2-digit',
  minute: '2-digit',
  meridiem: 'short'
},

AM/PM表示符

FullCalendar V5支持a和A两种AM/PM标识符。a表示小写的AM/PM，A表示大写的AM/PM。下面是一个使用小写和大写标识符的示例：

eventTimeFormat: { // like '5:00 PM'
  hour: 'numeric',
  minute: '2-digit',
  meridiem: 'lowercase'
},

eventTimeFormat: { // like '5:00 pm'
  hour: 'numeric',
  minute: '2-digit',
  meridiem: 'uppercase'
},

结论

FullCalendar V5是一个功能强大的JavaScript库，可用于创建各种类型的日历应用程序。在使用它的过程中，您可以轻松地自定义时间格式，并使您的应用程序看起来更专业和个性化。