Javascript 在fullcalendar中添加事件文本

我试图在完整日历的月历页面中包含事件的悬停文本

我有一个数组对象，它声明了需要由php脚本加载到页面上的事件。情况如下：

$('#calendar').fullCalendar({
events: [
    {
        title  : 'event1',
        start  : '2010-01-01'
    },
    {
        title  : 'event2',
        start  : '2010-01-05',
        end    : '2010-01-07'
    }
]

}))

---

我试图使用eventMouseover函数在每个事件中包含一个悬停文本。此函数的原型如下所示：函数（event，jsEvent，view）{}其中event是事件对象，jsEvent是具有低级信息（如鼠标坐标）的本机JavaScript事件。视图保存fullcalendar的视图对象。我无法正确调用此函数的参数。我的信息来自这里：我完全不介意通过其他方式在每个活动上获得悬停文本。谢谢。

你走对了方向。我做了一些类似的事情，在议程视图的事件底部显示事件结束时间

日历上的选项：

eventMouseover: function(event, jsEvent, view) {
    $('.fc-event-inner', this).append('<div id=\"'+event.id+'\" class=\"hover-end\">'+$.fullCalendar.formatDate(event.end, 'h:mmt')+'</div>');
}

eventMouseout: function(event, jsEvent, view) {
    $('#'+event.id).remove();
}

.hover-end{padding:0;margin:0;font-size:75%;text-align:center;position:absolute;bottom:0;width:100%;opacity:.8}

---

希望这对你有帮助

如果您使用的是引导，这是一个非常优雅的解决方案：

 eventRender: function(event, element) {
     $(element).tooltip({title: event.title});
 }

---

（我从这个答案中得到了答案：）

无需引导，只需添加浏览器工具提示就更简单了

eventRender : function(event, element) {
   element[0].title = event.title;
}

---

对我来说，这就是我所做的，因为我需要修改其他伟大的答案

HTML:

组成部分：

addHoverTitle(args: any): void {
   args.el.title = args.event.title;
}

---

在FullCalendar的第4版中，只有一个参数：eventRender:function（info），因此代码段是：

使用引导

eventRender: function (info) {
  $(info.el).tooltip({ title: info.event.title });
}

---

如果您使用的是角度

Html:

<full-calendar 
 ...
 (eventLeave)="eventLeave($event)">
</full-calendar>

---

我已经通过了两个事件源。是否可以只对一个事件源显示悬停？对我来说很有用！实际上应该是答案。这对多个工具提示有效吗？我尝试了工具提示（{title:event.title，description:event.description}）但它不起作用。我不确定你需要什么。我不认为描述是引导工具提示的一部分，对吗？如果你能说得更准确些，那么也许我可以进一步帮助你。大多数人希望答案不涉及附加库或框架。

<full-calendar 
 ...
 (eventLeave)="eventLeave($event)">
</full-calendar>

eventRender($event) {
  $event.el.title = $event.event.title;
}