在 FullCalendar 中渲染时颜色未完全渲染

Question

我想为一整天添加背景颜色，而不是单独添加事件背景。对于我现在写的代码，我可以单独看到事件作为背景我的视图代码如下：

<script>
$(document).ready(function() {

$('#calendar').fullCalendar({ 

utc: true, 
header: { 
left: 'prev,next today EventButton', 
center: 'title', 
right: 'month,agendaWeek,agendaDay' 
},   

editable: false, 
droppable: true, 

eventSources: ["<?php echo base_url() ?>calendar/show_holidays"]

});
});
</script>
<style>
.event-full { 
color:black;
vertical-align: middle !important;
text-align: center; 
opacity: 1; 
}

</style>

现在，我的控制器代码通过MVC如下：

public function show_holidays()
    {

    $holidays=$this->calendar_m->show_holidays();
    foreach($holidays as &$val){
     $val['allDay'] = 'true'; 
     $val['Rendering'] = 'Background'; 
     $val['textColor'] = '#000';
     $val['title'] = 'Holiday today' 
     $val['backgroundColor'] = 'yellow'; 
            }
     echo json_encode($holidays);
}

Answer 1

将此参数作为 json 传递并检查它是否适合您.....

$event['id'] = $row->id;
$event['name'] = $row->name;
$event['date'] = $row->date;
$event['backgroundColor'] = '#1ab394';
$event['rendering'] = 'background';

Answer 2

要更改背景颜色，请执行以下操作，将 2016-05-11 替换为您的实际日期：

$(".fc-bg td[data-date=2016-05-11]").css("background-color", "#38ac8a");

您需要在 fullCalendar 的 viewRender 函数中执行此操作，否则更改将在切换视图时丢失。