如何实现完整日历工具提示

Question

我正在尝试将工具提示添加到完整日历。我使用 Angular 2 模块(ap-angular2-fullcalendar(。需要以编程方式创建工具提示，以便工具提示内容与事件内容匹配(例如：说明(。

我尝试使用qtip和材料 MatToolTip库但没有成功(我设法将工具提示添加到 DOM 中，但它不起作用(。

Answer 1

你需要使用 eventRender，例如

eventRender: function(eventObj, $el) {
$el.popover({
title: eventObj.title,
content: eventObj.description,
trigger: 'hover',
placement: 'top',
container: 'body'
});
},

在此处查看工作示例 - 请注意，此示例依赖于 Bootstrap 和 Popper.js

您还可以使用引导工具提示代替弹出框，例如

eventRender: function(event, element) {
$(element).tooltip({title: event.tooltip,
container: 'body',
delay: { "show": 500, "hide": 300 }
});
},