You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.29 07:45:46