如何在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;
}