24 hour time format (so no AM to PM) for fullCalendar

Question

I\'m trying to display the 24 hour time format in fullCalendar, I\'m trying to use these instructions: http://arshaw.com/fullcalendar/docs/text/timeFormat/

So I\'ve

Answer 1

in v4, you can set the calendar option programmatically to achieve the 24h format for the hour label on the left of the grid:

const slotLabelOption = {
    hour: 'numeric',
    minute: '2-digit',
    omitZeroMinute: false,
    meridiem: 'narrow',
    hour12: false
};
calendar.setOption('slotLabelFormat', slotLabelOption);

For the event time do the same:

 const eventTimeOption = {
        hour: 'numeric',
        minute: '2-digit',
        omitZeroMinute: false,
        meridiem: 'narrow',
        hour12: false
    };
 calendar.setOption('eventTimeFormat', eventTimeOption);

with calendar = new FullCalendar.Calendar(....) //however you initialize it