Fullcalendar 如何在完整日历资源时间线中显示日期间隔?

Fullcalendar 如何在完整日历资源时间线中显示日期间隔?,fullcalendar,fullcalendar-scheduler,Fullcalendar,Fullcalendar Scheduler,我使用的是资源时间线视图,大致如图所示:,但我想显示两天之间的间隔,因为否则很难区分一天的结束和另一天的开始 类似这样的事情(尽管显然是在事件背后): 这里早就有人问过这个问题了:,但答案不适用于Fullcalendar 4。这里有一个部分解决方案:正如@ADyson所建议的,可以使用数据日期属性来定位表格单元格。不幸的是,这有点脆弱。目前,我们的日历显示从上午8点到下午6点的可见时间,因此我必须针对数据属性为“08:00:00”的td单元格,如下所示: td[data-date$="08

我使用的是资源时间线视图,大致如图所示:,但我想显示两天之间的间隔,因为否则很难区分一天的结束和另一天的开始

类似这样的事情(尽管显然是在事件背后):


这里早就有人问过这个问题了:,但答案不适用于Fullcalendar 4。

这里有一个部分解决方案:正如@ADyson所建议的,可以使用
数据日期属性来定位表格单元格。不幸的是,这有点脆弱。目前,我们的日历显示从上午8点到下午6点的可见时间,因此我必须针对数据属性为
“08:00:00”
td
单元格,如下所示:

  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;
  }
下面是它的样子:


该问题的答案引用了不同的视图类型,因此即使fullCalendar的版本相同,它也可能无法工作。您是否尝试检查fullCalendar的呈现HTML,以确定是否可以识别发生的元素模式并标记日期之间的边界。例如,有slat单元格对于诸如
@ADyson之类的列,我查找了任何明显的类,但无法识别任何类。根据您的建议,将正则表达式作为数据值的目标的CSS规则是什么?您能举个例子吗?谢谢,这确实有效:
td[data date$=“00:00:00”]{border left:3px solid;}
您应该在下面添加它作为答案。您可以回答自己的问题。