fullCalendar 上的多个 nowIndicators

Question

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

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

开始的蓝色

Answer 1

我不确定这是否是最佳解决方案，它更像是一种 hack。想法是将 background-color 更改为今天的行。所以你 select 所有的行，因为时间间隔是 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 就像我说的，我不确定这是否是最好的解决方案，但它确实有效。希望能帮到你。

fullCalendar 上的多个 nowIndicators

Multiple nowIndicators on fullCalendar

javascript

jquery

fullcalendar

fullcalendar-scheduler

fullcalendar-2