作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在该框架中处理一些团队项目,其中我遇到了 FullCalendar 扩展的问题。
我需要将时间格式设置为“8:00”(24 小时),而不是我现在得到的 08。最奇怪的是,这个问题(将时间显示为小时的两位数并省略零)仅出现在月 View 中,周和日的 View 很好:数字小时格式,并且不省略分钟 - 正如我想要的那样是。
我试图寻找一些答案,但我没有找到设置它的方法。我什至尝试修改 fullcalendar 代码本身来搜索任何“2 位数字”或“omitZeroMinute”,但我在其 main.js
文件中所做的更改似乎没有任何效果。
我在文档中阅读了这篇文章 ( https://fullcalendar.io/docs/date-formatting ),但我不知道如何应用这些更改(我实际上是 Yii 的新手,甚至是这个扩展的新手)。
我只知道它应该是这样的
titleFormat: {
hour: 'numeric',
omitZeroMinute: false
}
最佳答案
您不应更改源文件中的任何内容,
您可以使用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
});
选项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'
}
});
关于javascript - Yii2 如何在 FullCalendar 中设置时间格式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57492612/
我是一名优秀的程序员,十分优秀!