Javascript 无法获得;id";完整日历中的值

Javascript 无法获得;id";完整日历中的值,javascript,fullcalendar,fullcalendar-4,Javascript,Fullcalendar,Fullcalendar 4,单击约会时,我没有获得值。 我总是收到“未定义” 我有一个代码笔,你可以在那里看到结果 有人能告诉我我做错了什么吗。。? 非常感谢 见下面我的代码 var calendarEl=document.getElementById('calendar'); var calendar=新的完整日历。日历(calendarEl{ 插件:['interaction'、'dayGrid'、'timeGrid'], defaultView:'dayGridMonth', 区域设置:“pt br”, 标题:{

单击约会时,我没有获得值。 我总是收到“未定义”

我有一个代码笔,你可以在那里看到结果

有人能告诉我我做错了什么吗。。? 非常感谢

见下面我的代码

var calendarEl=document.getElementById('calendar');
var calendar=新的完整日历。日历(calendarEl{
插件:['interaction'、'dayGrid'、'timeGrid'],
defaultView:'dayGridMonth',
区域设置:“pt br”,
标题:{
左:“上一个,下一个今天”,
中心:'标题',
右图:“dayGridMonth、timeGridWeek、timeGridDay”
},
navLinks:true,//可以单击日/周名称来导航视图
是的,
selectHelper:对,
//选择镜像:对,
是的,
eventLimit:true,//当事件太多时允许“更多”链接
//事件:事件1,
活动:[{
id:'10',
标题:"会议",,
开始:“2019-08-01T10:30:00”,
完:2019-08-01T12:30:00
}],
事件单击:函数(事件){
警报(event.id);
警报(事件名称);
警报(event.start.format('DD/MM/YYYY HH:MM:ss');
返回false;
},
});
calendar.render()根据回调提供的对象本身并不仅仅是事件数据的副本。这是一个更复杂的物体,
事件只是其中的一个子属性。文件说:

eventClickInfo
是具有以下属性的普通对象:

  • event
    关联的事件对象

  • el
    此事件的HTML元素

  • jsEvent
    包含低级信息的本机JavaScript事件,如 作为单击坐标

  • view
    当前视图对象

因此,事件的数据(如
id
title
等)将是该
事件
子属性中的属性,而不是主对象的直接子属性

一旦您阅读了这些内容并正确理解了对象的结构,修复就很简单了:

eventClick: function (info) {
    alert(info.event.id);
    alert(info.event.title);
    alert(info.event.start.format('DD/MM/YYYY HH:mm:ss'));
    return false;
  },
更新的代码笔:


另外,这里还有一个次要问题,因为
info.event.start
是一个原生JS日期对象,而不是momentJS对象。因此,它没有任何名为“format()”的函数。也许您更熟悉使用momentJS的fullCalendar版本3?我将让您决定如何处理这个具体细节,因为它与您最初的问题没有直接关系。

您的js代码应该在html呈现后运行completely@JaydipJadhav这与这个具体问题无关
eventClick
执行以响应用户的单击,因此此时肯定会呈现HTML。请参阅以了解真正的问题。