Javascript 事件单击使用FullCalendar功能显示所选数据

我有一个问题，事件点击显示选定的数据与完整的日历功能在弹出模式。我只能在弹出模式中显示开始日期数据

下面是我的示例编码：

//假设这是一个数组
变量数组=[{
“标题”：“全天活动”，
“开始”：“2021-04-01 00:00:00”，
“颜色”：“#40E0D0”
}, {
“标题”：“长期活动”，
“开始”：“2016-01-07 00:00:00”，
“颜色”：“FF0000”
}, {
“标题”：“重复事件”，
“开始”：“2016-01-09 16:00:00”，
“颜色”：“0071c5”
}, {
“标题”：“会议”，
“开始”：“2016-01-11 00:00:00”，
“颜色”：“#40E0D0”
}, {
“标题”：“会议”，
“开始”：“2016-01-12 10:30:00”，
“颜色”：“000”
}, {
“标题”：“午餐”，
“开始”：“2016-01-12 12:00:00”，
“颜色”：“0071c5”
}, {
“标题”：“快乐时光”，
“开始”：“2016-01-12 17:30:00”，
“颜色”：“0071c5”
}, {
“标题”：“晚餐”，
“开始”：“2016-01-12 20:00:00”，
“颜色”：“0071c5”
}, {
“标题”：“生日派对”，
“开始”：“2016-01-14 07:00:00”，
“颜色”：“FFD700”
}, {
“标题”：“双击可更改”，
“开始”：“2016-01-28 00:00:00”，
“颜色”：“008000”
}, {
“标题”：“512”，
“开始”：“2021-04-04 00:00:00”，
“颜色”：“FF0000”
}, {
“标题”：“21512”，
“开始”：“2021-04-06 00:00:00”，
“颜色”：“FF0000”
}, {
“标题”：“236234”，
“开始”：“2021-04-07 00:00:00”，
“颜色”：“FF0000”
}, {
“标题”：“3521”，
“开始”：“2021-04-03 00:00:00”，
“颜色”：“00FF00”
}, {
“标题”：“HHH”，
“开始”：“2021-04-02 00:00:00”，
“颜色”：“FFFF00”
}]
document.addEventListener（'DOMContentLoaded'，function（）{
var calendarEl=document.getElementById（'calendar'）；
var calendar=新的完整日历。日历（calendarEl{
headerToolbar：{
左：“上一个，下一个今天”，
中心：'标题'，
右图：“dayGridMonth、timeGridWeek、timeGridDay”
},
初始日期：“2021-04-25”，
navLinks:true，//可以单击日/周名称来导航视图
是的，
选择镜像：对，
eventDidMount:函数（视图）{
//循环通过json数组
$（数组）。每个（函数（i，val）{
//查找td->检查标题是否有相同的值->获取最近的daygird..在那里更改颜色
$（“td[data date=“+moment（val.start）.格式（“YYYY-MM-DD”）+”）。fc事件标题：包含（“+val.title+”））。最近（“.fc daygrid事件线束”）。css（“背景色”，val.color）；
})
},
选择：函数（arg）{
$（'#createEventModal#startTime'）.val（arg.start）；
$（'#createEventModal#endTime'）.val（arg.end）；
$（'#createEventModal#when'）.text（arg.start）；
$（'#createEventModal'）.modal（'toggle'）；
},
eventClick:函数（arg）{
//endtime=$.fullCalendar.moment（event.end）.format（'h:mm'）；
//starttime=$.fullCalendar.moment（event.start）.format（'ddddd，MMMM-Do-YYYY，h:mm'）；
//var mywhen=starttime+'-'+endtime；
$（'#title'）.html（arg.event.title）；
$（'#modalWhen'）.text（arg.event.start）；
$（'#eventID'）.val（arg.event.id）；
$（'#calendarModal'）.modal（）；
},
是的，
dayMaxEvents：对，
事件：数组//在此处传递数组
});
calendar.render（）；
});
&时代；
添加事件
活动：


颜色：
红色
褐红色的
黄色的
绿色
浅绿色
水绿色
蓝色
海军
紫红色
紫色
什么时候：
取消
拯救
&时代；
活动详情
取消
删除

它会出错，因为您选择了错误的元素，

eventClick

应该是这样的

       eventClick:  function(arg) {
             $('#modalBody > #title').text(arg.event.title);
             $('#modalWhen').text(arg.event.start);
             $('.modal-content > #eventID').val(arg.event._def.defId);
             $('#calendarModal').modal();
         },
        editable: true,
        dayMaxEvents: true,
        events: arrays //pass array here
      });

---

这是一个错误，因为您选择了错误的元素，

eventClick

应该是这样的

       eventClick:  function(arg) {
             $('#modalBody > #title').text(arg.event.title);
             $('#modalWhen').text(arg.event.start);
             $('.modal-content > #eventID').val(arg.event._def.defId);
             $('#calendarModal').modal();
         },
        editable: true,
        dayMaxEvents: true,
        events: arrays //pass array here
      });