加载中...
FullCalendar 农历和调休示例

宜忌信息:加载中...

生肖年:加载中...

当前是今年的第 N 天:加载中...

老黄历

Fullcalendar 官方文档
Fullcalendar技术文档
Fullcalendar一览表
Fullcalendar css样式
Fullcalendar v3文档
Fullcalendar 事件
Fullcalendar 插件
实现方法:Lunar + Fullcalendar

升级 FullCalendar v3 到 v5 的一些改动

主要的变更点:

  1. 模块化架构:

v3 是一个较为单一的打包文件,所有功能都捆绑在一起(包括各种视图、事件处理等)。
v4/v5 则采用了 模块化设计,你需要显式引入所需的插件,比如 @fullcalendar/core、@fullcalendar/daygrid、@fullcalendar/multimonth 等。

  1. 事件处理:

在 v3 中,事件处理通常通过直接的回调函数(例如 eventClick)来实现。
在 v4/v5 中,事件处理和配置的方式有些变化,主要是 API 变动和事件绑定方式的不同。

  1. 视图配置变化:

v3 的视图配置项和 v5 的配置项有一些差异,尤其是在视图定义和布局方面。
v5 引入了新的视图类型和插件(如 multiMonth),并且视图的切换和配置方式也发生了一些变化。

  1. 时间和日期处理:

FullCalendar v4/v5 对时间和日期处理进行了优化,采用了更标准的 luxon 或 moment(v3中)来处理日期时间格式。虽然 moment.js 仍然在 v4/v5 中可用,但默认不再强制引入。

  1. 外观和样式:

FullCalendar 在 v4 和 v5 中对 UI 和样式做了一些改进和调整。如果你之前自定义过样式,可能需要进行适配。

视图

月视图 —- 日历
时间网格视图 —- 课程表、作息表
列表视图 —- 事件清单
DayGrid视图 —- 备忘录,周计划


评论
avatar
LiuCheng
不积跬步无以至千里
Follow Me
公告
Stay hungry, stay foolish.
学习目标
  • Shader
  • 华佗热更新
  • 微信游戏发布
  • Steam游戏发布
  • 广告SDK接入
今日事今日毕
FullCalendar 农历和调休示例