Home FullCalendar How to change event color in fullcalendar for particular date?

How to change event color in fullcalendar for particular date?

by therichpost
2 comments
fullcalendar

Hello to all, welcome to therichpost.com. In this post, I will tell you, How to change event color in fullcalendar for particular date?
fullcalendar is the best A JavaScript event calendar. Customizable and open source.
In this post, change event color in fullcalendar for particular date.
I am sharing this post because I personally like this trick very much that is why.

I am changing of events which will come in today date.

Here is the working code for change event color in fullcalendar for particular date:

//Will will do this dayrender event of fullcalendar:

dayRender: function (date, cell) {
var today = $.fullCalendar.moment();
var end = $.fullCalendar.moment().add(7, ‘days’);

if (date.get(‘date’) == today.get(‘date’)) {

cell.css(“background”, “#e8e8e8”);

}

},

There are so many tricks in fullcalendar and I will let you know all. Please do comment if you any query related to this post. Thank you. Therichpost.com

You may also like

2 comments

sahihti July 6, 2021 - 1:00 pm

i am showing both event and task in the calendar, but they both have same color
i want to differentiate them using color how can i achieve it.

Reply
Ajay Malhotra July 6, 2021 - 2:26 pm

Okay I will update you.
Thanks.

Reply

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.