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