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

目录

  • FullCalendar在月视图中定义日程/事件显示结束时间
    • 配置
      • 换行

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

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

配置

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

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

配置后效果如下图:

FullCalendar在月视图中定义日程/事件显示结束时间_第2张图片

换行

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

 $(".fc-month-view .fc-time").after("
"
)

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

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

你可能感兴趣的:(FullCalendar)