FullCalendar: How to show full day names in month view instead of default dayNamesShort?

Question

The default month view display of FullCalendar shows the short version of day names.

I have been trying to find out how to change the display to show full day names. I have read the documentation about dayNames and dayNamesShort, but I can't get it to work.

Any help in how to display the full day names will be appreciated.

Thanks.

Answer 1

Here's how to do it. The magic is done via columnFormat option.

        $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },

            timeFormat: {
                // for agendaWeek and agendaDay do not display time in title (time already displayed in the view)
                agenda: '',

                // for all other views (19p)
                '': 'H:mm{ - H:mm}'
            },

            // *** use long day names by using 'dddd' ***
            columnFormat: {
                month: 'dddd',    // Monday, Wednesday, etc
                week: 'dddd, MMM dS', // Monday 9/7
                day: 'dddd, MMM dS'  // Monday 9/7
            },

            axisFormat: 'H:mm',
            firstHour: 6
        });
    });

Answer 2

I was able to modify the names by doing the following

$(document).ready(function() {

    $('#calendar').fullCalendar({
        dayNamesShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S']
    });

});

Answer 3

Change the month view display to show full day names by setting:

columnFormat: {
   month: 'dddd'
}