FullCalendar在月视图中定义日程/事件显示结束时间

FullCalendar在月视图中定义日程/事件显示结束时间

在默认条件下月视图中日程只显示开始时间如下图所示:
FullCalendar在月视图中定义日程/事件显示结束时间

配置

其实只要配置displayEventEnd为true就可以了,这样的话所有视图中的日程都会显示结束时间

 //所有视图显示结束时间
 displayEventEnd: true,

配置后效果如下图:

FullCalendar在月视图中定义日程/事件显示结束时间

换行

如果觉得这样一行放不下还可以换行,只需要简单的几行JS即可

 $(".fc-month-view .fc-time").after("</br>")

效果如下图
FullCalendar在月视图中定义日程/事件显示结束时间

官方文档此配置链接: https://fullcalendar.io/docs/displayEventEnd.