FullCalendar

How to change day background-color in fullcalendar for particular date?

change day background-color in fullcalendar for particular date

fullcalendar
3.28KViews

Hello to all, welcome to therichpost.com. In this post, I will tell you, How to change day background-color in fullcalendar for particular date?


fullcalendar is the best A JavaScript event calendar. Customizable and open source.
In this post, we will change full day background-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 day color which will come in today date.

Here is the working code for change day background-color in fullcalendar for particular date

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

Ajay Malhotra
the authorAjay Malhotra
Hello to all. Welcome to therichpost.com. Myself Ajay Malhotra and I am full stack developer. I love coding. I know Wordpress, Core php, Angularjs, Angular 2, Angular 6, Angular 7, laravel, Codeigniter, Shopify, Squarespace, Jquery, Google Map Api, Vuejs, Reactjs, Bigcommerce etc.

Leave a Reply

Positive SSL