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

·

fullcalendar

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

Comments

8 responses to “How to change day background-color in fullcalendar for particular date?”

  1. Julien Pitt Avatar
    Julien Pitt

    Great

  2. mm Avatar
    mm

    how to change the color of a cell by clicking thank you

  3. Ajay Malhotra Avatar

    You can use cell click event.

  4. Karamjit Singh Sedhev Avatar
    Karamjit Singh Sedhev

    how to show empty cell as red except sundays,2 saturdays and yearly holidays.

  5. Ajay Malhotra Avatar

    Will update you soon.

  6. Xa4 Avatar
    Xa4

    Can you please describe more how to use dayRender in react js functional component?

  7. therichpost Avatar

    Please clear your query more briefly first, thanks.