2016-07-03 17 views
2

Ich möchte Hintergrundfarbe für den ganzen Tag und nicht den Ereignishintergrund allein hinzufügen. Für den Code, den ich jetzt geschrieben habe, konnte ich Ereignisse sehen allein als Hintergrund Meine Ansicht Code ist wie folgt:Farbe beim Rendern in FullCalendar nicht vollständig dargestellt

<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> 

jetzt, meine Controller-Code ist wie durch MVC folgt:

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); 
} 

Antwort

0

zu ändern die Hintergrundfarbe, dies zu tun, 2016.05.11 für Ihr aktuelles Datum ersetzt: es innerhalb fullCalendar die Sie müßten

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

viewRender Funktion, da sonst die Änderung wil tun Ich verliere beim Wechseln der Ansichten.

+0

Innen fullcalendar.min.js? – Keynes

+0

Nein, in Ihrem Code. Nach dieser Zeile - $ ('# calendar') fullCalendar ({- fügen Sie viewRender: function() {} hinzu, und innerhalb dieser Funktion durchlaufen Sie alle Tage und rufen die Zeile oben für jeden auf dem Bildschirm angezeigten Tag auf. – K48

+0

danke yaar, aber meine Ereignisse kommen von eventSources .. – Keynes

2

Pass Diese Parameter json und überprüfen dies sollte für Sie arbeiten .....

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

Ereignis ['Name']. Ist das nicht [Titel] ..? – Keynes

+0

öffentliche Funktion show_holidays() { $ holidays = $ this-> calendar_m-> show_holidays(); foreach ($ Feiertage als & $ val) { $ val ['allDay'] = 'wahr'; $ val ['rendering'] = 'Hintergrund'; $ val ['backgroundColor'] = 'rot'; // allen Feiertagen eine Hintergrundfarbe hinzugefügt $ val ['className'] = 'holiday'; $ val ['textEscape'] = 'wahr'; $ val ['Color'] = 'schwarz'; $ val ['eventTextColor'] = 'weiß'; // print_r ($ val); Ausgang; $ data [] = $ val; } echo json_encode ($ data);} – Keynes

+0

die oben genannten sind die tatsächlichen Parameter – Keynes