FullCalendar 显示事件半天（事件宽度）

Question

我想为少数事件显示事件开始半天和半天或全天结束。目前，所有活动都在一个月内全天进行。

同时是否可以根据开始和结束时间显示事件宽度？

我试过下面的堆栈参考代码。评论以进一步澄清。

eventAfterRender: function(event, element, view) {        

    var containerWidth = jQuery(element).offsetParent()

    .siblings("table").find(".fc-day-content").width();

    // half a day

    var elementWidth = parseInt(containerWidth / 2);

     // set width of element

    jQuery(element).css('width', elementWidth + "px");

}

#calendar {

  max-width: 900px;

  margin: 40px auto;

}

<link href="https://fullcalendar.io/releases/core/4.2.0/main.min.css" rel="stylesheet"/>

<link href="https://fullcalendar.io/releases/timeline/4.2.0/main.min.css" rel="stylesheet"/>

<link href="https://fullcalendar.io/releases/resource-timeline/4.2.0/main.min.css" rel="stylesheet"/>

<script src="https://fullcalendar.io/releases/core/4.2.0/main.min.js"></script>

<script src="https://fullcalendar.io/releases/interaction/4.2.0/main.min.js"></script>

<script src="https://fullcalendar.io/releases/timeline/4.2.0/main.min.js"></script>

<script src="https://fullcalendar.io/releases/resource-common/4.2.0/main.min.js"></script>

<script src="https://fullcalendar.io/releases/resource-timeline/4.2.0/main.min.js"></script>

<div id="calendar"></div>