FullCalendar 事件的奇怪行为答案

【问题标题】：FullCalendar weird behavior with eventsFullCalendar 事件的奇怪行为
【发布时间】：2020-08-08 12:45:38
【问题描述】：

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

  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 结束，依此类推。我的配置有什么问题。

【问题讨论】：

您使用的是哪个版本的 fullCalendar？
另外，你说当我选择一个事件时，从一天开始，它就会出现...但是你给我们看一张上面有 3 个事件的图片。你说的是哪一个？当你说“选择”时，你具体采取了什么行动？你的意思是你只是点击了 00:00 行？或者你点击并拖动，或者什么？请尽量具体。
另外，你说从00:00开始到59:59结束 ...但是你是什么意思？ 59:59 不是有效时间。
我使用的是最新版本。星期四和星期六的活动是错误的。
00:00 到 23:59 我的意思是

标签： javascript fullcalendar momentjs fullcalendar-5

【解决方案1】：

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

eventTimeFormat: "HH:mm"

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

【讨论】：

从 00:00 开始甚至结束，看看会发生什么:)
还有问题是24位事件和星期六事件，请也看看
“从 00:00 开始一个偶数到结束，看看会发生什么” ...我做到了。它现在显示为 00:00-无论何时设置它，如我上面所示。你运行了我的演示吗？
我已经运行了演示，如果我选择全天。它显示 00-(nothing) 和 (nothing) = 空白
我明白你的意思。如果我不得不猜测我会说这可能是一个错误。我找不到任何可以控制它的设置或功能。您可以使用此处的说明报告错误：fullcalendar.io/reporting-bugs。同时，我相信我的回答已经帮助您解决了问题的第一部分（将 24 转换为 00），因此接受或支持答案将不胜感激:-)