Как установить часовой пояс Fullcalendar.io - PullRequest
Новая
       36

Как установить часовой пояс Fullcalendar.io

0 голосов
/ 25 сентября 2019

У меня есть следующий код для инициализации моего календаря 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 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, как это работает?Извините, если это очевидно, но документы не ясны по этому вопросу.Спасибо!

...