2017-01-15 73 views
-3

我正在開發一個wordpress項目,其中需要顯示具有特定日期顏色的日曆:星期六爲黃色,星期一爲藍色等等......我嘗試使用FullCalendar插件,但未嘗試「T工作,這裏有一個例子:Wordpress日曆中的天數

.fc-sat, .fc-sun{ 
background-color: yellow; 
}  

如何去改變它或任何想法,如果有另外一個插件,會做這項工作?

+0

在其中放置CSS? – mariobros

+0

我把它放在fullcalendar.css文件中 –

+0

嘗試ad!important afrer yellow – mariobros

回答

0

在日曆的初始化定義eventAfterRender如下:

$('#calendar').fullCalendar({ 

    eventAfterRender: function (event, element, view) { 

    if (event.start.day() == 0) { 
      element.css('background-color', 'blue'); 
      element.css('border-color', 'blue'); // colors first day of the week blue 
    } 
    else if (event.start.day() == 1) { 
    ... 
    } 
    else { 
    ... 
    } 
}); 
+1

它完美的作品謝謝你!我不得不改變它,因爲我沒有考慮事件。這裏是我如何改變:if(date.day()== 0){cell.css('background-color','blue'); cell.css('border-color','blue'); //本週第一天的顏色藍色 } –

0

在你主題CSS試試這個:

.fc-sat{ background: yellow !important; }