本篇总结日历的界面显示修改:
首先
1、日历格子的宽高比(fullcalendar.min.js)
aspectRatio: 1.35
默认1.35,可根据自己的需求进行修改;
2、月视图的显示模式,liquid 高度随周数变化、fixed 固定显示六周高、variable 高度固定(HTML页面javascript内)
weekMode: 'liquid'
3、页面初始化时默认显示视图,month、agendaWeek、agendaDay(fullcalendar.min.js)
defaultView: "month"
4、设置为 true 时,如果数据过多超出日历格子高度的日子,右侧不会出现导航栏,会以 + more 形式显示
eventLimit: true
5、agenda 视图下是否显示 all-day
allDaySlot:true
6、agenda 视图下 all-day 的显示文本
allDayText:‘全天’
7、agenda 视图下两个相邻时间之间的间隔
slotMinutes: 30
8、区分工作时间(fullcalendar.min.js)
businessHours: true
9、非 all-day 时,如果没有指定结束时间,默认执行120分钟
defaultEventMinutes: 120
以上是常用的属性,可以根据自己的需求进行修改