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
相关产品推荐
相关产品推荐

