Показать описание события в fullcalendar v4 с помощью GCal
Я использую FullCalendar v4, чтобы показать календарь событий из источника в Гкал. Я хочу функцию, где пользователь нажимает на событие, и детали добавляются в div ниже.
Я успешно могу отображать дату / время начала, дату / время окончания, URL, идентификатор, весь день и заголовок для события, однако в дополнение к этому я хочу отобразить местоположение и описание.
Если я использую arg.event.location
например, я получаю "undefined", возвращенный в моем div.
Ниже мой Javascript для отображения календаря:
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendarEvent = document.getElementById('cal-event');
var calendar = new FullCalendar.Calendar(calendarEl, {
header: {
left: 'prev,next today',
center: 'title',
right: 'month,listYear'
},
displayEventTime: false, // don't show the time column in list view
googleCalendarApiKey: 'AIza_______xxxxxxxxxx',
eventSources: [
{
googleCalendarId: 'sxxxxxxxxx@xxxxxx.com',
className: 'layers-widget-calendar-3-55'
},
{
googleCalendarId: 'en.usa#holiday@group.v.calendar.google.com',
className: 'layers-widget-calendar-3-734'
},
],
eventClick: function(arg) {
//window.open(arg.event.url, 'gcalevent', 'width=700,height=600');
var gcalEventID = arg.event.id;
var gcalEventTitle = arg.event.title;
var gcalEventLocation = arg.event.location;
var gcalEventURL = arg.event.url;
var gcalEventStart = arg.event.start;
var gcalEventEnd = arg.event.end;
var gcalEventAllDay = arg.event.allDay; // returns true or false
arg.jsEvent.preventDefault() // don't navigate in main tab
calendarEvent.append(gcalEventLocation);
},
loading: function(bool) {
document.getElementById('loading').style.display =
bool ? 'block' : 'none';
}
});
calendar.render();
});
Есть ли что-то, что я делаю не так, чтобы узнать местоположение и описание?