Javascript 如何显示带有fullcalendar说明的弹出窗口

我正在使用fullcalendar，我的目标是在事件单击时有一个简单的弹出窗口，但由于某些原因，我无法让它在警报中拉入描述

我是否遗漏了一些要包含的JS或其他内容？我试着使用他们网站上的例子，但不起作用。我肯定我错过了一些愚蠢的东西

<script src='../assets/calendar/packages/core/main.js'></script>
<script src='../assets/calendar/packages/interaction/main.js'></script>
<script src='../assets/calendar/packages/daygrid/main.js'></script>
<script src='../assets/calendar/packages/timegrid/main.js'></script>
<script src='../assets/calendar/packages/list/main.js'></script>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        var d = new Date();
        var calendarEl = document.getElementById('calendar');
        var calendar = new FullCalendar.Calendar(calendarEl, {
            plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
            height: 'parent',
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
            },
            defaultView: 'dayGridMonth',
            defaultDate: d,

            eventClick: function(info) {
                alert('Event: ' + info.description);
            },

            navLinks: true, // can click day/week names to navigate views
            editable: false,
            eventLimit: true, // allow "more" link when too many events
            events:
            [
                {
                    title: 'All Day Event<br>second line',
                    description: 'description for Long Event',
                    start: '2020-05-01'
                },
                {
                    title: 'Session',
                    start: '2020-05-12T10:30:00',
                    description: 'description for Long Event',
                    end: '2020-05-12T12:30:00'
                },
                {
                    title: 'Practical',
                    start: '2020-05-27T10:30:00',
                     description: 'description for Long Event',
                    end: '2020-05-27T12:30:00'
                }

            ]
        });

        calendar.render();
    });

</script>

document.addEventListener（'DOMContentLoaded'，function（）{
var d=新日期（）；
var calendarEl=document.getElementById（'calendar'）；
var calendar=新的完整日历。日历（calendarEl{
插件：['interaction'，'dayGrid'，'timeGrid'，'list']，
高度：'父'，
标题：{
左：“上一个，下一个今天”，
中心：'标题'，
右图：“dayGridMonth、timeGridWeek、timeGridDay、listWeek”
},
defaultView:'dayGridMonth'，
违约日期：d，
事件单击：函数（信息）{
警报（“事件：”+信息说明）；
},
navLinks:true，//可以单击日/周名称来导航视图
可编辑：false，
eventLimit:true，//当事件太多时允许“更多”链接
活动：
[
{
标题：“全天活动
第二行”，
description:'长事件描述'，
开始日期：2020-05-01
},
{
标题:"会议",，
开始：“2020-05-12T10:30:00”，
description:'长事件描述'，
完：2020-05-12T12:30:00
},
{
标题:"实用",，
开始：“2020-05-27T10:30:00”，
description:'长事件描述'，
完：2020-05-27T12:30:00
}
]
});
calendar.render（）；
});

您需要编写

alert('Event: ' + info.event.extendedProps.description);

因为

1）

info

对象不是事件，事件是该信息对象的子属性-这在中进行了描述

及

2） 就fullCalendar而言，

description

是一个非标准字段，所有非标准字段都放在事件对象的

extendedProps

子属性中，fullCalendar根据您提供的数据生成该事件对象-在