我正在尝试将工具提示添加到全日历。我使用 Angular 2 模块 (ap-angular2-fullcalendar)。需要以编程方式创建工具提示,以便工具提示内容与事件内容匹配(例如:描述)。
我尝试使用 qtip 和 material MatToolTip 库但没有成功(我设法将工具提示添加到 DOM 但它不起作用)。
最佳答案
您需要使用 eventRender例如
eventRender: function(eventObj, $el) {
$el.popover({
title: eventObj.title,
content: eventObj.description,
trigger: 'hover',
placement: 'top',
container: 'body'
});
},
查看工作示例 here - 注意这个例子依赖于 Bootstrap 和 Popper.js
您也可以使用 Bootstrap 工具提示而不是弹出框,例如
eventRender: function(event, element) {
$(element).tooltip({title: event.tooltip,
container: 'body',
delay: { "show": 500, "hide": 300 }
});
},
关于fullcalendar - 如何实现全日历工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50509793/