Показать описание события в fullcalendar v4 с помощью GCal - PullRequest
Новая
       32

Показать описание события в fullcalendar v4 с помощью GCal

0 голосов
/ 18 декабря 2018

Я использую FullCalendar v4 для отображения календаря событий из источника в Гкал.Мне нужна функция, при которой пользователь нажимает на событие, а детали добавляются к разделу ниже.

Я успешно могу отображать дату / время начала, дату / время окончания, 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();
            });

Есть ли что-то, что я делаю не так, чтобы получить местоположение и описание?

...