如何在FullCalendar v3.4.0中配置包含秒数的时间格式?
解决FullCalendar v3.4.0显示秒数的问题
要让FullCalendar v3.4.0显示秒数,只需要调整你的timeFormat配置项,加入秒数对应的格式标识即可。
FullCalendar v3的时间格式规则里,ss代表两位数字的秒数(范围00-59)。结合你当前使用的12小时制(带am/pm标识),有两种实用的修改方式:
方式1:强制固定显示时:分:秒
如果你希望不管时间是否包含非零秒数,都统一显示时:分:秒 am/pm的完整格式,把timeFormat改成:
timeFormat: 'h:mm:ss a'
方式2:仅当存在非零秒数时显示(可选格式)
要是想保留原来“可选分钟”的逻辑,同时让秒数也变成可选状态(只有当秒数不为0时才渲染),可以用括号包裹秒数部分:
timeFormat: 'h(:mm:ss)a'
这里的括号(...)是FullCalendar的可选内容标记,内部的格式只会在对应时间部分存在且非零时显示。
修改后的完整配置代码如下:
$('#calender').fullCalendar({ contentHeight: 500, displayEventEnd: true, defaultDate: new Date(), timeFormat: 'h:mm:ss a', // 替换为你需要的格式 header: { left: 'prev,next today', center: 'title', right: 'month,basicWeek,basicDay,agenda' }, eventLimit: true, eventColor: '#378006', events: event_array });
额外提一句:如果需要24小时制的时间格式(不带am/pm),可以用H:mm:ss,其中H代表24小时制的小时(范围00-23)。
内容的提问来源于stack exchange,提问作者Vegetacoding
相关产品推荐
相关产品推荐

