微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript – fullCalendar上的多个nowIndicators

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

例如……我想在01:00开始显示一个绿色的,我想在12:00开始显示一个蓝色的

解决方法

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

我写了这个函数,每天都会调用它.

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就像我说的那样,我不确定这是否是最好的解决方案,但它能完成工作.希望能帮到你.

原文地址:https://www.jb51.cc/js/157421.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐