Css 无法动态更改背景颜色
我有一个函数:loadCalendar,用于呈现日历。我的事件有一个属性“Color”,我正试图使用它来更改背景色。控制台日志返回数据,如:#007777请告知Css 无法动态更改背景颜色,css,fullcalendar,knockout-3.0,fullcalendar-4,Css,Fullcalendar,Knockout 3.0,Fullcalendar 4,我有一个函数:loadCalendar,用于呈现日历。我的事件有一个属性“Color”,我正试图使用它来更改背景色。控制台日志返回数据,如:#007777请告知 loadCalendar: function () { var resId = ""; var eventObj = []; var bcolor = ""; viewModel.calendarEl = document.getElementById('calendar'); var c
loadCalendar: function () {
var resId = "";
var eventObj = [];
var bcolor = "";
viewModel.calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(viewModel.calendarEl, {
plugins: ['interaction', 'dayGrid', 'timeGrid'],
defaultView: 'dayGridMonth',
defaultDate: calendarDate,
header: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay'
},
events: viewModel.eventsByLocation(),
//events: viewModel.events(),
eventClick: function (info) {
var id = info.event.id;
viewModel.ReservationEdit(id);
},
eventRender: function (info) {
resId = info.event.id;
eventObj = ko.utils.arrayFilter(viewModel.events(), function (item) {
return item.id == resId;
});
bcolor = eventObj[0].Color;
bcolor = '#' + bcolor;
console.log(bcolor);
backgroundColor: bcolor;
}
});
calendar.render();
},
线条
背景颜色:b颜色代码>什么都不做。如果您想像这样更改颜色,那么您必须实际更改HTML元素的style属性(即info.el
),但老实说,如果您想设置事件的颜色,您可以使用fullCalendar识别的属性在事件对象上设置它,它会自动为您设置。请看-您可以选择color
(而不是color
!)、backgroundColor
、borderColor
和textColor
,这取决于您想要更改的内容。上面您说的“backgroundColor:bcolor;”没有任何作用-这是我的观点。在我看来,你应该能够在这里传递一个变量,而不是像“#007777”这样的文字。在我看来,你应该能够在这里传递一个变量,而不是像“#007777”
这样的文字……这是不相关的。我的观点是backgroundColor:bcolor代码>不是命令,它不更新任何内容或设置任何变量。在声明对象文字的属性时,通常会发现x:y
语法。当单独使用时,它仍然是有效的JavaScript语法(出于某种原因),但实际上它并没有实现任何功能。不管怎样,您是否阅读了我的第二条关于更合理的方式来实现您的要求的评论?是的,谢谢。我可以那样做。