ошибка fullcalendar при разборе json при добавлении eventRender с помощью popper.js - PullRequest
Новая
       41

ошибка fullcalendar при разборе json при добавлении eventRender с помощью popper.js

0 голосов
/ 27 июня 2019

Я пытаюсь добавить FullCalender на мою страницу с событиями из Календаря Google. Когда я не включаю eventRender, он показывает события, но когда я нажимаю на них, он попадает в Календарь Google. Когда я добавляю eventRender, чтобы получить всплывающую информацию о событиях при наведении на них событий, я получаю сообщение об ошибке JSON при сбое, и события вообще не отображаются в календаре.

Это код, который я использую (обратите внимание, что ключ API и идентификатор календаря указаны в фактическом коде): 

<script>
    document.addEventListener("DOMContentLoaded", function() {
        let calendarEl = document.getElementById("calendar");

        let calendar = new FullCalendar.Calendar(calendarEl, {
            plugins: ["dayGrid", "timeGrid", "list", "interaction", "googleCalendar"],
            selectable: true,
            googleCalendarApiKey: "<API KEY>",
            events: {
                googleCalendarId: "<my-calender-id>",
                className: "gcalEvent"
            },
            eventRender: function(eventObj, $el) {
                $el.popover({
                  title: eventObj.title,
                  content: eventObj.description,
                  trigger: 'hover',
                  placement: 'top',
                  container: 'body'
                });
              }
        });

        calendar.render();
    });
</script>

Я довольно новичок в HTML, а также в StackOverflow, поэтому, если этой информации недостаточно для анализа решения, дайте мне знать, что мне нужно добавить.

1 Ответ

0 голосов
/ 08 июля 2019

Я думаю, проблема в том, что вы получаете что-то, что не соответствует структуре, которая должна.

Попробуйте:

events: [{title: 'My Event', start: '2019-07-07 ', описание:' Это классное событие '}], 

                eventRender: function(info) {
                    var tooltip = new Tooltip(info.el, {
                        title: info.event.title,
                        content: 'asdadasdqweqweqweqweqwasssd',
                        placement: 'top',
                        trigger: 'hover',
                        container: 'body'
                    });

Это работает для меня, когда я использую только информацию, тогда я добавляю название события ... простопример.Удачи

...