Как показать местоположение в fullcalendar и gmail?

Question

Я пробовал весь день, но ничего. Мне нужно также показать местоположение, но я не нахожу в полной документации календаря ничего полезного.

Это мой код сейчас. Кто-то может мне помочь?

Заранее спасибо.

$('#eventList').fullCalendar({
        defaultView: 'listWeek',
        contentHeight: 'auto',
        lang:'it',
        navLinks: false,
        eventLimit: true,
        header: false,
        noEventsMessage: 'Nessun evento in programma',
        googleCalendarApiKey: 'AIzaSyDHACIHvtXO4X2bOvdxmfXhZcwS0undxX8',
        events: {
            googleCalendarId: '[e-mail]'
        }
});

Answer 1

Что вы должны сделать в этой ситуации, это использовать eventRender обратный вызов, который запускается один раз для каждого события, которое загружается в текущее представление календаря. Он позволяет получить доступ ко всем свойствам события, включая любые пользовательские, добавленные сервером (и не являются частью стандартной спецификации события fullCalendar), а также дает доступ к элементу HTML, используемому для визуализации события.

Поэтому вы можете вставить дополнительные свойства в HTML-код события. Чтобы добавить местоположение в подходящем месте, вы можете просто написать следующее (в качестве дополнительной опции календаря:

eventRender: function(event, element, view) {
  if (event.location) element.find(".fc-list-item-title").append(" - " + event.location);
}

См. http://jsfiddle.net/sbxpv25p/169/ для рабочего демо.

Обратите внимание, что это будет работать только для вида списка, который вы используете. HTML, используемый для других типов представлений, отличается, поэтому, если вы хотите поддержать его, вам придется написать что-то другое. Обратный вызов дает вам доступ к объекту "представление", так что вы можете проверить, какое представление используется. Вы можете узнать HTML-код, используемый для визуализации события, просто щелкнув правой кнопкой мыши по существующему в браузере и проверив его с помощью инструментов разработчика, чтобы увидеть, как оно структурировано.

См. https://fullcalendar.io/docs/event_rendering/eventRender/ для подробностей обратного вызова.