Как сделать так, чтобы события в fullCalendar отображались в формате 12H, а не 24H - PullRequest
Новая
       44

Как сделать так, чтобы события в fullCalendar отображались в формате 12H, а не 24H

0 голосов
/ 27 февраля 2019

У меня есть куча календарей, поступающих из календарей Google на сайте, и все отлично работает, кроме событий, отображаемых в формате 24 часа.

Я попытался установить его в коде jQuery, но не могуне найти правильный код, чтобы сделать это.В настройках календаря Google все они установлены в 12 часов, поэтому должно быть что-то в fullCalendar.

Это единственный код, который я могу найти, когда выполняю поиск, и он, похоже, ничего не делает: 

$(function() {
  $('#calendar').fullCalendar({
    header: {
      left: 'prev,next today',
      center: 'title',
      right: 'month,agendaWeek,agendaDay'
    },
    timeFormat: 'h(:mm)t',
    timezone: 'America/Toronto',
    googleCalendarApiKey: 'hidden',
    eventSources: [{
      googleCalendarId: 'hidden',
      className: 'calendar'
    }]
  });
});

Является ли timeFormat правильной линией для управления им?

Спасибо!

1 Ответ

0 голосов
/ 01 марта 2019

Параметр timeFormat является правильным для установки.

Теперь вам нужно ознакомиться с документацией momentJS (ссылка на которую содержится в документации fullCalendar (котораяв свою очередь связан с документацией timeFormat )), чтобы узнать, какую строку формата можно использовать для получения значений времени, отображаемых в нужном формате.

Например: 

timeFormat: "HH:mm"

даст вам 24 часа, например, 21:00 и т. Д. Вы можете изменить это самостоятельно, если вам нужно показать что-то немного другое.

Демо: http://jsfiddle.net/8bx14goh/

...