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

FullCalendar v5列表视图如何实现星期在前、带序数后缀的日期格式?

FullCalendar v5 列表视图日期格式正规实现方案

v5已经原生支持自定义日期显示顺序和序数后缀,不需要修改源码,直接按如下方式配置即可:

  • 要实现「Friday 2nd」这类完整星期名+带序数的日期,使用格式串 'cccc do'
  • 要实现「Sat 3rd」这类短星期名+带序数的日期,使用格式串 'ccc do'

把配置写在列表视图专属的配置块下,避免全局配置优先级不够不生效:

var calendar = new FullCalendar.Calendar(calendarEl, {
  // 你原来的其他基础配置,比如events、initialView等
  views: {
    list: {
      listDayFormat: 'cccc do' // 替换成你需要的格式串即可
    }
  }
});

之前你用对象形式配置listDayFormat不生效是因为对象配置的显示顺序受当前加载的locale默认规则影响,很多英文locale默认会把日期数字放在星期前面,直接用格式串可以完全自定义展示顺序,也不需要额外写自定义函数处理序数后缀,后续版本升级也不会受影响。

内容的提问来源于stack exchange,提问作者Arfa

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.10.01 01:57:02