Javascript 如何在鼠标上方显示完整日历中的开始和结束时间？

我有几天在做完整的日历。我面临着一个问题，我在很多地方搜索，什么都没用
我想在鼠标上方显示开始和结束时间。我已经定制了一个日期格式的日历。我有30分钟的时间。有一些事件。我有一个代码，其中事件磁贴显示在鼠标上，而不是开始和时间。下面是鼠标悬停部分的工作代码

eventMouseover: function(event, jsEvent, view) {
 if (view.name !== 'agendaDay') {
    $(jsEvent.target).attr('title', event.title);
   }
},

事件标题显示在此处。需要显示开始和结束时间。请帮帮我。如果可能，还可以在鼠标悬停部分添加样式。如何做这些事情，请帮忙

---

提前谢谢你的帮助

如果像使用工具提示库一样使用工具提示，则添加和设置工具提示样式很容易。从中编辑示例作为演示

$（“#日历”）.fullCalendar({
defaultView:'basicWeek'，
活动：[{
标题：“我的活动”，
开始：矩（）.格式（'YYYY-MM-DD'）+'16:30'，
结束：矩（）.格式（'YYYY-MM-DD'）+'17:00'，
描述：“这是从下午4:30到5:00的活动”
}
//这里有更多的活动
],
eventRender:函数（事件，元素）{
元素qtip({
内容：''+event.start.format（'hh:mma'）+'-'+event.end.format（'hh:mma'）+''+
“
”+
''+event.description+''
});
}
});
如果我理解正确，您可以尝试以下解决方案：

                    eventMouseover: function(calEvent, jsEvent) {  

                    var durationTime = moment(calEvent.start).format('HH') + ":" + moment(calEvent.start).format('mm') + " - " + moment(calEvent.end).format('HH') + ":" + moment(calEvent.end).format('mm')
                    var tooltip = '<div class="tooltipevent" style="width:100px; height:20px; position:absolute;z-index:1000;">' + durationTime + '</div>';
                    $("body").append(tooltip);
                    $(this).mouseover(function(e) {
                        $(this).css('z-index', 10000);
                        $('.tooltipevent').fadeIn('500');
                        $('.tooltipevent').fadeTo('10', 1.9);
                    }).mousemove(function(e) {
                        $('.tooltipevent').css('top', e.pageY + 10);
                        $('.tooltipevent').css('left', e.pageX + 20);
                    });
                },

                eventMouseout: function(calEvent, jsEvent) {
                    $(this).css('z-index', 8);
                    $('.tooltipevent').remove();
                }

eventMouseover:function（calEvent，jsEvent）{
var durationTime=时刻（calEvent.start）。格式（'HH'）+“：”+时刻（calEvent.start）。格式（'mm'）+“-”+时刻（calEvent.end）。格式（'HH'）+“：“+时刻（calEvent.end）。格式（'mm'））
变量工具提示=“”+durationTime+“”；
$（“正文”）.append（工具提示）；
$（此）.mouseover（函数（e）{
$（this.css（'z-index'，10000）；
$（'.tooltipevent'）.fadeIn（'500'）；
$（'tooltipevent'）.fadeTo（'10'，1.9）；
}).mousemove（函数（e）{
$（'.tooltipevent'）.css（'top'，e.pageY+10）；
$（'.tooltipevent'）.css（'left'，e.pageX+20）；
});
},
eventMouseout：函数（calEvent、jsEvent）{
$（this.css（'z-index'，8）；
$（'.tooltipevent'）.remove（）；
}

此解决方案被此>