如何在全日历工具提示中动态显示循环子事件？

Question

我想在全日历插件中显示悬停事件的工具提示，但我只想在按索引排序的工具提示中显示子事件。

如果我的json是这样的：

[{
"title":"event A,
"start":"2020-07-29",
"end":"2020-07-29",
"extendedProps":{"subevent":"sub 1","subevent":"sub 2","subevent":"sub 3"},
}, {
"title":"event B,
"start":"2020-07-30",
"end":"2020-07-30",
"extendedProps":{"subevent":"sub 4","subevent":"sub 5"}]

这是我的eventMouseEnter：

eventMouseEnter: function(info) {
        var tis=info.el;
        var popup=info.event.extendedProps;
        var tooltip = '<div class="tooltipevent" style="top:'+($(tis).offset().top-5)+'px;left:'+ 
($(tis).offset().left+($(tis).width())/2)+'px"><div>Name ' + popup.title + '</div><div>sub event ' + popup.subevent + '</div></div>';
        var $tooltip = $(tooltip).appendTo('body');
  }

如何像这样动态显示子事件？example picture

谢谢。

诚挚的问候,

Eka

Answer 1

eventMouseEnter: function(info) {
        var tis=info.el;
        var popup=info.event.extendedProps;
        var detail=info.event.extendedProps.itenery;
        var arrayLength = detail.length;
        for (var i = 0; i < arrayLength; i++) {      
          var str = detail.join('<br/><br/> ');
        }
        var tooltip = '<div class="tooltipevent" style="top:'+ 
($(tis).offset().top-5)+'px;left:'+($(tis).offset().left+($(tis).width())/2)+'px"> 
<div>' + popup.title + '</div><div>' + str + '</div></div>';
        var $tooltip = $(tooltip).appendTo('body');
  }