javascript - fullCalendar 上的多个 nowIndicators

Question

由于 nowIndicator 的文档很少……有没有办法在同一页面上显示类似 nowIndicator 的元素？

例如......我想从 01:00 开始显示一个绿色，我想从 12:00 开始显示一个蓝色

Answer 1

我不确定这是否是最好的解决方案，它更像是一个黑客。这个想法是将背景颜色更改为今天的行。因此，您选择所有行，因为时间间隔为 30 分钟，您将获得 96 个元素。（每天 48 个）前 24 个您不需要它，因为它是前一天。您将需要 25-73 个元素，因为是今天的行。

我编写了这个函数，它将在每个dayRender.

function colorToday() {
  var color = '#EEEEEE';
  var fullArray = $('.fc-slats tr .fc-widget-content:nth-child(2)');
  var todayArray = fullArray.slice(24, 72);

  for(var i = 0; i < todayArray.length; i++) {
    var data = $(todayArray[i]);
    $(data).css('background', color);
  }
}

并将其添加到选项中：

dayRender: function (element) {
   colorToday();
}

这是一个JSFIDDLE 就像我说的，我不确定这是否是最好的解决方案，但它确实有效。希望能帮到你。