如何使用 VUE 在 FullCalendar 中的 ListWeek 上顯示時間

Question

誰能知道如何在完整日歷的列表視圖中顯示時間。 一切對我來說都很好，但時間本身並沒有出現。 附上快照以供參考。

CODESANDBOX 鏈接： https://codesandbox.io/s/vue-fullcalendar-scheduler-example-forked-204qy?file=/components/Calendar.vue

代碼：模板：腳本：

    data() {
    return {
      calendarOptions: {
        plugins: [dayGridPlugin, interactionPlugin, listPlugin, timeGridPlugin],
        initialView: "listWeek",
        headerToolbar: {
          left: "today prev,next",
          center: "title",
          right: "dayGridMonth,timeGridWeek,timeGridDay,listWeek",
        },
        events: [
          {
            start: "2021-11-10T04:30:00",
            title: "List View",
            backgroundColor: '#226911',
            end: "2021-11-27T14:30:00",
          },
          {
            start: "2021-11-08T04:30:00",
            title: "Test",
            end: "2021-11-10T14:30:00",
          },
          {
            start: "2021-10-15T04:30:00",
            title: "It should be default load",
            end: "2021-10-18T14:30:00",
          },
        ],
        eventDisplay: "block",
        displayEventTime: false,
        allDaySlot: false,
        buttonText: {
          today: "Today",
          month: "Month",
          week: "Week",
          day: "Day",
          list: "Agenda",
        },
      },
    };
  }

enter code here

請查看代碼並幫助我解決此問題。 提前致謝！

Answer 1

可能在 calendarOptions 中將 displayEventTime 設置為 true