Javascript 使用fullcalendar时，周视图中的日期之间的间隔如何？

我有一个完整的日历：

但它不工作，我希望日历的背景颜色是白色

---

我怎样才能修好它

除非使用引导，否则网格显示良好。下面的示例使用与属性相同的配置

编辑：添加了引导主题，列仍然是分开的

插件：[‘引导’，…]， 主题系统：“引导” 编辑2：如果确实要设置列的样式，可以尝试以下操作：

.fc小部件内容{ 右边框：2px实心EE7！重要；/*线条厚度为2px以更好地显示*/ } .fc小部件内容：第一个子部件{ 右边框：继承！重要；/*还原第一个子项*/ } document.addEventListener'DOMContentLoaded'，函数{ var calendarEl=document.getElementById'calendar'； var calendar=新的FullCalendar.CalendarEL{ 插件：['dayGrid'，'timeGrid']， defaultView:“timeGridWeek”， 区域设置：“fr”， 全天时段：错， 是的， 隐藏天数：[0]， 慢速持续时间：“00:45:00”， 时间：07:00:00， 最长时间：20:00:00， slotEventOverlap：错误， HandleIndowerSize:正确， eventLimit：对， displayEventEnd:true， 标题：{ 左：上一个，下一个今天， 中心:标题,， 右：dayGridMonth、timeGridWeek、timeGridDay } }; calendar.render； }; .fc时间网格视图.fc时间网格tbody tr:n次类型偶数{ 背景：rgba246246246,0.667； } .fc时间网格视图.fc小部件内容{ 右边框：2px实心EE7！重要； } .fc timeGrid视图.fc小部件内容：第一个子{ 边界权：继承！重要； }

---

除非使用引导，否则网格显示良好。下面的示例使用与属性相同的配置

编辑：添加了引导主题，列仍然是分开的

插件：[‘引导’，…]， 主题系统：“引导” 编辑2：如果确实要设置列的样式，可以尝试以下操作：

.fc小部件内容{ 右边框：2px实心EE7！重要；/*线条厚度为2px以更好地显示*/ } .fc小部件内容：第一个子部件{ 右边框：继承！重要；/*还原第一个子项*/ } document.addEventListener'DOMContentLoaded'，函数{ var calendarEl=document.getElementById'calendar'； var calendar=新的FullCalendar.CalendarEL{ 插件：['dayGrid'，'timeGrid']， defaultView:“timeGridWeek”， 区域设置：“fr”， 全天时段：错， 是的， 隐藏天数：[0]， 慢速持续时间：“00:45:00”， 时间：07:00:00， 最长时间：20:00:00， slotEventOverlap：错误， HandleIndowerSize:正确， eventLimit：对， displayEventEnd:true， 标题：{ 左：上一个，下一个今天， 中心:标题,， 右：dayGridMonth、timeGridWeek、timeGridDay } }; calendar.render； }; .fc时间网格视图.fc时间网格tbody tr:n次类型偶数{ 背景：rgba246246246,0.667； } .fc时间网格视图.fc小部件内容{ 右边框：2px实心EE7！重要； } .fc timeGrid视图.fc小部件内容：第一个子{ 边界权：继承！重要； }

---

我决定加入：

.fc-timeGrid-view .fc-time-grid tbody tr:nth-of-type(even) {
  background-color: transparent;
  border-right: 1px solid #f0f0f0 !important;
}
.fc-timeGrid-view .fc-time-grid tbody tr:nth-of-type(odd) {
  background: transparent;
  border-right: 1px solid #f0f0f0 !important;
}

.fc-widget-content {
  border-right: 1px solid #ddd !important; /* Line thickness is 2px to better show */
}
.fc-timeGrid-view .fc-widget-content:first-child{
  border-right: 1px solid #ddd !important;
}

---

我决定加入：

.fc-timeGrid-view .fc-time-grid tbody tr:nth-of-type(even) {
  background-color: transparent;
  border-right: 1px solid #f0f0f0 !important;
}
.fc-timeGrid-view .fc-time-grid tbody tr:nth-of-type(odd) {
  background: transparent;
  border-right: 1px solid #f0f0f0 !important;
}

.fc-widget-content {
  border-right: 1px solid #ddd !important; /* Line thickness is 2px to better show */
}
.fc-timeGrid-view .fc-widget-content:first-child{
  border-right: 1px solid #ddd !important;
}

---

---

您使用的是哪个版本的完整日历？@Mr.polywhillv4@CodeLover这对我来说很有效@龙白色你补充了什么？我试过了，但仍然不起作用。您使用的是哪个版本的完整日历？@Mr.polywhirv4@CodeLover这对我来说很有效@龙白色你补充了什么？我试过了，但仍然不起作用。我需要使用FullCalendarReactjs@CodeLover它是否是纯JS的反应并不重要。最后的陈述将是相同的。我刚刚设置了FullCalendar配置以使用您的属性。这完全是一回事。我的结果与Dragon White的React sandbox示例相匹配。@CodeLover使用CSS规则进行了更新。谢谢，但是，这里的边界线仅用于灰色行，而不是白色背景，我希望所有行的背景都是白色的。我试着这样做，当我运行它时，我得到@CodeLover，列行位于行顶部的绝对表上。日历是三张桌子叠在一起的。这可能太难为特定行添加垂直线。我需要将FullCalendar与Reactjs@CodeLover它是否是纯JS的反应并不重要。最后的陈述将是相同的。我刚刚设置了FullCalendar配置以使用您的属性。这完全是一回事。我的结果与Dragon White的React sandbox示例相匹配。@CodeLover使用CSS规则进行了更新。谢谢，但是，这里的边界线仅用于灰色行，而不是白色背景，我希望所有行的背景都是白色的。我试着这样做，当我运行它时，我得到@CodeLover，列行位于行顶部的绝对表上。日历是三张桌子叠在一起的。这可能太难为特定行添加垂直线。

.fc-timeGrid-view .fc-time-grid tbody tr:nth-of-type(even) {
  background-color: transparent;
  border-right: 1px solid #f0f0f0 !important;
}
.fc-timeGrid-view .fc-time-grid tbody tr:nth-of-type(odd) {
  background: transparent;
  border-right: 1px solid #f0f0f0 !important;
}

.fc-widget-content {
  border-right: 1px solid #ddd !important; /* Line thickness is 2px to better show */
}
.fc-timeGrid-view .fc-widget-content:first-child{
  border-right: 1px solid #ddd !important;
}