Yii2 如何在 FullCallendar 中设置时间格式?

Question

我正在该框架中处理一些团队项目，其中我对FullCalendar扩展有一个问题。

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

我试图寻找一些答案，尽管我没有找到设置它的方法。我甚至尝试修改完整日历代码本身搜索任何"2 位"或"省略零分钟"，但我在其main.js文件中所做的更改似乎没有任何效果。

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

我只知道它应该是这样的

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

Answer 1

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

完整日历 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
});

完整日历 v4

选项timeFormat已重命名为eventTimeFormat。改为接受日期格式对象。时刻.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'
}
});