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

By therichpost

Hello to all. Welcome to therichpost.com. Myself Ajay Malhotra and I am freelance full stack developer. I love coding. I know WordPress, Core php, Angularjs, Angular 19, MedusaJs, Next.js, Bootstrap 5, Nodejs, Laravel, Codeigniter, Shopify, Squarespace, jQuery, Google Map Api, Vuejs, Reactjs, Big commerce etc.

2 thoughts on “How to change event color in fullcalendar for particular date?”
  1. 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.

Leave a Reply

Your email address will not be published. Required fields are marked *

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