如何在 FullCalendar 中显示开始日期和结束日期的一半事件宽度

Question

我正在开发酒店管理系统，希望在完整的日历月视图中显示每个房间的预订情况。

现在假设，我们有一个从 2020 年 11 月 1 日到 2020 年 11 月 7 日的预订。在这种情况下，活动开始日期为 2020 年 11 月 1 日，结束日期为 2020 年 11 月 7 日。作为完整日历显示包含开始日期和不包含结束日期的事件，事件将显示从 2020 年 11 月 1 日到 2020 年 11 月 6 日。

我要展示的（月视图和资源时间线月视图）是：

活动开始日期的一半宽度（突出显示为签到日期） 结束日期事件的一半宽度（将其突出显示为结账日期）

目前有办法实现吗？

Answer 1

参考this，我们可以添加如下css

.fc-event-start {
    margin-left: 65px !important;
}
.fc-event-end {
    margin-right: 65px !important;
}