Yii2如何在FullCallendar中設置時間格式？

Question

我正在該框架中進行一些團隊項目，在其中我遇到了FullCalendar擴展的一個問題。

我需要將時間格式設置為“ 8:00”（24小時），而不是現在的08。 最奇怪的是，此問題（將時間顯示為2位數的小時，省略零）僅出現在月視圖中，而星期和天的視圖則很好：數字小時格式，而分鍾則沒有省略-就像我想要的那樣是。

我試圖尋找一些答案，盡管我沒有找到設置它的方法。 我什至嘗試修改全日歷代碼本身，以搜索任何“ 2位數字”或“ omitZeroMinute”，但是我在其main.js文件中所做的更改似乎沒有任何效果。

我在文檔中閱讀了這篇文章（ https://fullcalendar.io/docs/date-formatting ），但我不知道如何應用這些更改（我實際上是Yii的新手，並且在此擴展程序中甚至更多）。

我只知道應該是這樣

titleFormat: {
    hour: 'numeric',
    omitZeroMinute: false
}

Answer 1

您不應該在源文件中進行任何更改，

Fullcalendar v3

您可以使用timeFormat選項，大寫字母H表示24-hour制。

請參閱下面的示例

$('#calendar').fullCalendar({
  events: [
    {
      title:  'My Event',
      start:  '2010-01-01T14:30:00',
      allDay: false
    }
    // other events here...
  ],
  timeFormat: 'H(:mm)' // uppercase H for 24-hour clock
});

Fullcalendar v4

選項timeFormat重命名為eventTimeFormat 。 而是接受日期格式的對象。 此版本中已刪除Moment.js依賴項

這是一個例子

var calendar = new Calendar(calendarEl, {
  events: [
    {
      title:  'My Event',
      start:  '2010-01-01T14:30:00',
      allDay: false
    }
    // other events here...
  ],
  eventTimeFormat: { // like '14:30:00'
    hour: '2-digit',
    minute: '2-digit',
    second: '2-digit'
  }
});