显示类
| 属性名 | 描述 | 默认值 | 备注 |
|---|---|---|---|
| plugins | 需要用到的插件 | [] | |
| initialView | 初始化时的视图 | ‘dayGridMonth’ | |
| weekends | 是否显示周末 | true | |
| locale | 语言设置 | ||
| headerToolbar | 顶部导航栏 | ||
| contentHeight | 设置日历主体内容的高度,不包括header部分,默认未设置,高度根据aspectRatio值自适应 | ||
| nowIndicator | 当前的时间线显示,为true时当前小时那一格有个红线,并且有红三角 | ||
| firstDay | 设置一周中显示的第一天是哪天,周日是0,周一是1,类推 | 0 | |
| eventTimeFormat | 事件的时间格式显示 | ||
| slotLabelFormat | 左侧的时间格式显示 | ||
| allDaySlot | 周、日视图时,all-day不显示 | ||
| allDayDefault | 设置新事件的默认全天状态 | false | |
| displayEventTime | 控制事件的时间显示方式 | false | |
| selectable | 是否可以选中日历格 | false | |
| selectMirror | 拖动或调整选择时间范围时,会显示一个镜像效果来预览选择的区域 | false | |
| scrollTime | 滚动到那个时间开始显示 | '06:00:00' | |
| slotDuration | 一格时间槽代表多长时间,默认00:30:00(30分钟) | '00:30:00' | |
| droppable | 是否可以拖动事件 | false | |
| hiddenDays | 隐藏的天 | [] | 1表示周一,0表示周日,以此类推 |
| events | 事件列表 | [] | 基础结构{resourceId: '', // 资源视图需要,对应resources中的id title: '', start: '', end: '', className: '', borderColor: '', color: '', textColor: '', extendedProps: { // 其他的业务数据 },} |
| resources | 资源视图的资源列表 | [] | 基础结构{id: '', // 资源的id,对应event 的resourceIdtitle: ''} |
| dayMinWidth | 单元格最小宽度 | 需要装插件@fullcalendar/scrollgrid,并且配合stickyFooterScrollbar使用 | |
| stickyFooterScrollbar | 是否支持横向滚动 | false | 配合dayMinWidth使用 |
回调类
| 属性名 | 描述 |
|---|---|
| eventClick | 点击事件的回调 |
| select | 选中空格子的回调 |
| selectAllow | 是否允许选中 |
| slotLabelContent | 左侧时间轴自定义显示 |
| dayHeaderContent | 日历视图的顶部列名自定义 |
| resourceLabelContent | 垂直资源视图的顶部列名自定义 |
| eventMouseover | 鼠标移入事件的回调 |
| eventMouseout | 鼠标移出事件的回调 |