如何设置 Fullcalendar.io 时区

Question

我有以下代码来初始化我的 Fullcalendar.io 日历：

<script>
    var calendarEl = document.getElementById('calendar');

    var calendar = new FullCalendar.Calendar(calendarEl, {
        timezone: "local",
        eventSources: [{
            url: 'load_adminevents.php',
        }],
        plugins: [ 'dayGrid', 'list' ],
    });

    calendar.render();            
</script>

我有一个 select 框来更改时区：

<select class="calendarSelect" id="setTimeZone">
    <option value="local">Your local time</option>
    <option value="America/Toronto">Toronto (EST)</option>
    <option value="America/Vancouver">Vancouver (PST)</option>
</select>

<script>
    $("#setTimeZone").change(function(e){
        calendar.setOption('timezone',this.options[e.target.selectedIndex].value);
    });
</script>

在阅读和重新阅读文档之后，我仍然对在更改时区选项后应该如何更新日历中显示的时间感到困惑。

听起来我应该在后端执行此操作（即在 load_adminevents.php 中），但我怎么知道设置的时区是什么？ 更改时区选项时不会重新加载事件。

如果更改时区应该在 Javascript 内处理，这是如何工作的？ 抱歉，如果这很明显，但文档在这一点上并不清楚。 谢谢！