javascript - Yii2 如何在 FullCalendar 中设置时间格式？

Question

我正在该框架中处理一些团队项目，其中我遇到了 FullCalendar 扩展的问题。

我需要将时间格式设置为“8:00”(24 小时)，而不是我现在得到的 08。最奇怪的是，这个问题(将时间显示为小时的两位数并省略零)仅出现在月 View 中，周和日的 View 很好:数字小时格式，并且不省略分钟 - 正如我想要的那样是。

我试图寻找一些答案，但我没有找到设置它的方法。我什至尝试修改 fullcalendar 代码本身来搜索任何“2 位数字”或“omitZeroMinute”，但我在其 main.js 文件中所做的更改似乎没有任何效果。

我在文档中阅读了这篇文章 ( https://fullcalendar.io/docs/date-formatting )，但我不知道如何应用这些更改(我实际上是 Yii 的新手，甚至是这个扩展的新手)。

我只知道它应该是这样的

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

Answer 1

您不应更改源文件中的任何内容，

全日历 v3

您可以使用timeFormat选项，大写的 H 表示 24 小时 时钟。

参见下面的示例

$('#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
});

全日历 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'
  }
});