Css FullCalendar：通过'；为全天添加背景色，而不仅仅是为活动添加背景色；addEventSource'；

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

<script>    
$(document).ready(function() {
    $.ajax({
    url: "<?php echo base_url() ?>/cmn/calendar/show_holidays",
    type: 'POST', // Send post data
    data: 'type=fetch',
    async: true,

    success: function(s){
          holidays = s;
          $('#calendar').fullCalendar('addEventSource', JSON.parse(holidays));
           }
             });

    /* initialize the calendar
    -----------------------------------------------------------------*/
    $('#calendar').fullCalendar({

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

    });
    });

所以我通过json传递数据。我得到如下输出：-

现在，我希望黄色事件看起来像周日的背景色。（即）一整天的背景色，而不仅仅是事件的背景色。

---

是否可以通过“addEventSource”实现？提前谢谢。

您的代码很好。你只是有一个小的区分大小写的错误

$val['Rendering'] = 'Background';  

换成

$val['rendering'] = 'background';  

---

“R”和“B”到“R”和“B”的代码都很好。你只是有一个小的区分大小写的错误

$val['Rendering'] = 'Background';  

换成

$val['rendering'] = 'background';  

---

从“R”和“B”到“R”和“B”以下是显示输出的小提琴。我得到了一整天的背景颜色，而不仅仅是事件背景。它是通过“addEventSource”实现的 希望这有帮助

var jsonEvents = 
[{allDay 
: 
"true" ,
backgroundColor 
: 
"red" ,
id 
: 
13 ,
rendering 
: 
"background" ,
start 
: 
"2016-05-01" ,
textColor 
: 
"white" ,
title 
: 
"Mayday",
className
:
"event-full"
}]


$('#calendar').fullCalendar({ 

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

eventAfterRender: function(event, element, view) { 
element.append(event.title); 
} 

});


$('#calendar').fullCalendar('addEventSource', jsonEvents);

---

以下是显示输出的小提琴。我得到了一整天的背景颜色，而不仅仅是事件背景。它是通过“addEventSource”实现的 希望这有帮助

var jsonEvents = 
[{allDay 
: 
"true" ,
backgroundColor 
: 
"red" ,
id 
: 
13 ,
rendering 
: 
"background" ,
start 
: 
"2016-05-01" ,
textColor 
: 
"white" ,
title 
: 
"Mayday",
className
:
"event-full"
}]


$('#calendar').fullCalendar({ 

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

eventAfterRender: function(event, element, view) { 
element.append(event.title); 
} 

});


$('#calendar').fullCalendar('addEventSource', jsonEvents);

---

好的，现在我得到了完整的背景色，但缺少事件名称。。我该怎么办？代码中没有足够的详细信息，请尝试设置textColor:“#000”（白色），并确保您的事件具有“title”属性（这是事件的名称）。让我知道它是否完成了任务。我添加了“标题”，并将文本颜色设置为“#000”。但是我没有得到这些事件。问题是我对“/$val['Rendering']='Background'；”进行了注释，然后我得到了事件..？你试过把颜色改成对比度更高的颜色吗？因为实际上黄色背景上的白色文本不太可见$val['color']='black'$val['textColor']='white'；我也这样试过。。我没有得到事件OK现在我得到了完整的背景色，但是事件的名称丢失了。。我该怎么办？代码中没有足够的详细信息，请尝试设置textColor:“#000”（白色），并确保您的事件具有“title”属性（这是事件的名称）。让我知道它是否完成了任务。我添加了“标题”，并将文本颜色设置为“#000”。但是我没有得到这些事件。问题是我对“/$val['Rendering']='Background'；”进行了注释，然后我得到了事件..？你试过把颜色改成对比度更高的颜色吗？因为实际上黄色背景上的白色文本不太可见$val['color']='black'$val['textColor']='white'；我也这样试过。。我没有得到那件事