You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何移除FullCalendar 4.3.1日视图添加事件后右侧的间隙

解决FullCalendar 4.3.1日视图添加事件后右侧间隙问题

针对FullCalendar 4.3.1版本日视图出现的右侧间隙,仅需添加以下专属日视图的CSS样式即可修复:

/* 仅作用于日视图,消除右侧间隙 */
.fc-day-view .fc-content-skeleton {
    width: 100% !important;
}

.fc-day-view .fc-event-container {
    width: 100% !important;
}

/* 若事件本身仍有右侧边距,可补充此规则 */
.fc-day-view .fc-event {
    margin-right: 0 !important;
    width: calc(100% - 2px) !important; /* 2px为事件边框宽度,可根据实际调整 */
}

说明

  • .fc-day-view是FullCalendar 4.3.1中日视图的专属父类,通过它限定样式作用范围,不会影响月视图、周视图等其他视图。
  • 上述样式强制让事件容器和事件本身占满日视图的可用宽度,覆盖默认样式中导致间隙的宽度限制。

内容的提问来源于stack exchange,提问作者IDK

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.24 21:18:17