根据事件标题Fullcalendar 4更改背景颜色

根据事件标题Fullcalendar 4更改背景颜色,fullcalendar,fullcalendar-scheduler,fullcalendar-4,Fullcalendar,Fullcalendar Scheduler,Fullcalendar 4,我正在尝试更改fullcalendar v4日视图中事件的背景颜色。我花了几个小时试图实现eventRender,但没有成功。这让我找到了其他的解决办法,但现在,我要出击了 我正试图找出这里解释的解决方案:[ 但是,每次搜索单词“yes”为TRUE时,我都会在chrome控制台中收到一个错误,说“解析JSON失败”。如果我将搜索查询更改为将创建“false”的内容,我不会收到此错误。对我来说,这意味着搜索正在工作,但事件呈现函数不知何故失败 我的代码: document.addEvent

我正在尝试更改fullcalendar v4日视图中事件的背景颜色。我花了几个小时试图实现eventRender,但没有成功。这让我找到了其他的解决办法,但现在,我要出击了

我正试图找出这里解释的解决方案:[

但是,每次搜索单词“yes”为TRUE时,我都会在chrome控制台中收到一个错误,说“解析JSON失败”。如果我将搜索查询更改为将创建“false”的内容,我不会收到此错误。对我来说,这意味着搜索正在工作,但事件呈现函数不知何故失败

我的代码:

    document.addEventListener('DOMContentLoaded', function() {
    var calendarEl = document.getElementById('calendar');

var calendar = new FullCalendar.Calendar(calendarEl, {
  plugins: [ 'interaction', 'resourceDayGrid', 'resourceTimeGrid' ],
  defaultView: 'resourceTimeGridDay',
  defaultDate: '<?php echo $startdate?>',
  validRange: {
    start: '<?php echo $startdate?>',
    end: '<?php echo $maxdaycal?>'
    },
  height: 700,

...    
...

eventSources: [
            {
            url: 'getevents2.php?festid=<?php echo $festid?>&room=<?php echo $roomabv?>',
            cache: false,
            },
            {
            url: 'getbreaks2.php?festid=<?php echo $festid?>&room=<?php echo $roomabv?>',
            cache: false,
            color: 'grey',
            editable: false,
            }            
        ],
eventRender: function(info) {
      if(info.event.extendedProps.desc == "yes") {
      element.style.css('background-color', '#000');
      }
},
....
    });

calendar.render();


});

这是基于其他一些可用的答案,但在FC4中似乎存在差异…这对我很有用

  eventRender: function(info) {
        if(-1 != info.event.title.indexOf("Accomp")) {
            info.el.style.backgroundColor  = "red";
        }
    },

这是基于其他一些可用的答案,但在FC4中似乎存在差异…这对我很有用

  eventRender: function(info) {
        if(-1 != info.event.title.indexOf("Accomp")) {
            info.el.style.backgroundColor  = "red";
        }
    },

上面代码中的元素是什么?您是否尝试过像这样将其传递到eventRender函数中?eventRender:functionevent,element我最近的失败是..eventRender:functioninfo,元素{console.loginfo.event.title;if-1!=info.event.title.indexofacomp{console.loginfo.event.title;/*fc title.css'background-color','000';*//*element.addClass'black-background';*/},当我将其更改为eventRender:functionevent,element时..我会收到一条json失败消息..即使我从info.event.title元素中去掉info一词..我甚至无法达到尝试更改css的部分。好的。我想我的文件中的其他地方有另一个事件函数。当我重命名该函数时,我可以使用eventRender:functionevent,element,但是,当我尝试取消对其中一行css的注释时,我还是失败了。好吧,酷,你是否也检查了从url返回的json是否是有效的json?还有css行在那里,你是否得到了控制台错误?我看不到任何关于fc title声明位置的引用。上面代码中的元素是什么?你尝试过passi吗像这样将其加载到eventRender函数中?eventRender:functionevent,element我最近的失败是..eventRender:functioninfo,元素{console.loginfo.event.title;if-1!=info.event.title.indexofacomp{console.loginfo.event.title;/*fc title.css'background-color','000';*//*element.addClass'black-background';*/},当我将其更改为eventRender:functionevent,element时..我会收到一条json失败消息..即使我从info.event.title元素中去掉info一词..我甚至无法达到尝试更改css的部分。好的。我想我的文件中的其他地方有另一个事件函数。当我重命名该函数时,我可以使用eventRender:functionevent,element,但是,当我尝试取消注释任一css行时,我还是失败了。好的,酷,您是否也检查了从url返回的json是否为有效的json?还有css行在那里,您是否收到控制台错误?我看不到任何关于声明fc title的引用。