我如何显示FullCalendar ResourceTimeline中各天之间的间隔？

Question

我正在或多或少地使用Resource Timeline视图，如下所示：https://fullcalendar.io/docs/timeline-custom-view-demo，但我想显示几天之间的间隔，因为否则，很难确定一天的结束时间和另一天的开始时间。

这样的事情（虽然显然是事件背后的事实：

这个问题早已在这里问了：FullCalendar dividing lines between days，但答案对Fullcalendar 4无效。

Answer 1

这是部分解决方案：如@ADyson所建议，可以使用data-date属性来定位表单元格。不幸的是，这有点脆弱。目前，我们的日历显示了从上午8点到下午6点的可见时间，因此我必须定位数据属性为td的"08:00:00"单元格，如下所示：

  td[data-date$="08:00:00"] {
    border-left: 1px solid red;
  }

并且这将如下所示突出显示单元格（尽管您可以看到红线实际上在水平网格线下方

但是，这不会影响标题单元格。我可以添加另一个规则：

  th[data-date$="08:00:00"] {
    border-left: 1px solid yellow;
  }

但是当边框宽度仅为1px时，即使我添加important，也不会显示。如果我将其宽度设置为2px，则它可以工作。所以这是最终的CSS规则：

  th[data-date$="08:00:00"] {
    border-left: 2px solid red;
  }

  td[data-date$="08:00:00"] {
    border-left: 2px solid red;
  }

这是它的样子：

有人找到更好的方法了吗？