I've been trying to change the timezone to a specific one like 'Asia/Hong_Kong' but it's not working. Basically it only works with 'local' and 'UTC'.
Someone please helps .
Here is my config:
" header: { left: 'prev,next', center: 'title', right: '' }, theme: false, firstDay: 0, isRTL: false, weekends: "+If(Weekend2Show, "true", "false")+", fixedWeekCount: false, weekNumbers: false, height: 'parent', slotEventOverlap: false, nowIndicator: true, contentHeight: 'auto', defaultView: 'timeGridWeek', allDaySlot: false, allDayText: 'all-day', axisFormat: 'h(:mm) a', slotDuration: '00:30:00', snapDuration: '01:00:00', minTime: '00:00:00', maxTime: '24:00:00', buttonText: { today: 'today', month: 'month', week: 'week', day: 'day' }, monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], monthNamesShort: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], dayNamesShort: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], columnHeaderFormat: 'ddd D/M', selectable: true, selectHelper: true, allDayDefault: false, editable: false, displayEventTime: false, handleWindowResize: true, scrollTime: '09:00:00', slotLabelFormat:'HH:mm', timeZone: 'Asia/Hong_Kong' "
Hello Pedro,
Looking over the documentation: https://fullcalendar.io/docs/timeZone it seems the timeZone parameter also requires a JS timezone plugin in your project (moment.js or luxon). Only then you can use the named timezones in FullCalendar.
Regards,
Bogdan