javascript - FullCalendar 事件的奇怪行为

Question

我正在使用具有此配置的完整日历。

  config: {
    plugins: [
      interactionPlugin,
      dayGridPlugin,
      timeGridPlugin,
      listPlugin,
      momentPlugin,
      momentTimezonePlugin,
    ],
    initialView: "timeGridWeek",
    slotLabelFormat: "HH:mm",
    allDaySlot: false,
    slotDuration: "00:60:00",
    dayHeaderFormat: { weekday: "short" },
    initialDate: "1970-01-01",
    titleFormat: {
      weekday: "short",
    },
    // dayNamesShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
    dayMaxEventRows: true,
    eventOverlap: false,
    eventColor: "#458CC7",
    firstDay: 1,
    height: "auto",
    selectMirror: true,
    selectable: true,
    timeZone: "UTC",
    headerToolbar: {
      left: "",
      center: "",
      right: "",
    },
    editable: true,
    events: null,
    eventTimeFormat: {
      // like '14:30:00'
      hour: "2-digit",
      minute: "2-digit",
      hour12: false,
    },
  },

当我选择一个事件时，从一天开始，它就变成了

一整天没有任何结束值，当我从一天的一开始开始时，它伴随着最后一个小时，而我希望它显示为

如果选择全天，则从 00:00 开始，到 23:59 结束，依此类推。我的配置有什么问题。

Answer 1

由于您已经在使用 momentJS，您可以使用 moment 格式化字符串，使其在事件时间显示 00:00 而不是 24:00：

eventTimeFormat: "HH:mm"

工作演示：https ://codepen.io/ADyson82/pen/RwaPBQw