小编tk1*_*573的帖子

事件工具提示未显示在 FullCalendar 中

我已经使用 FullCalendar 配置了一段时间,但我已经达到了一个我无法弄清楚的地步。我想在最终用户将鼠标悬停在事件上时显示工具提示。我想在活动的工具提示中提供更多信息,例如电话联系号码等。

我尝试了许多我能找到的不同选项。
例如下面的链接列表。
FullCalendar 事件弹出
http://jsfiddle.net/m54g5aen/
Fullcalendar / eventdidmount - “更多链接”问题

我将通过 PHP 脚本中的 JSON 数组提取事件。这是我的日历渲染代码。

<script>
    document.addEventListener('DOMContentLoaded', function() {
        var calendarEl = document.getElementById('calendar');
        var calendar = new FullCalendar.Calendar(calendarEl, {
            height: 550,
            slotDuration: {minutes: 15},
            nowIndicator: true,
            allDaySlot: false,
            eventBackgroundColor: '#916FDF',
            slotMinTime: "08:00:00",
            slotMaxTime: "20:00:00",
            displayEventEnd: false,
            initialView: 'timeGridWeek',
            events: <?php print json_encode($events); ?>,
            eventDidMount: function(info) {
               var tooltip = new Tooltip(info.el, {
                    title: info.event.extendedProps.description,
                    placement: 'top',
                    trigger: 'hover',
                    container: 'body'
               });
            },
            customButtons: {
                addNewAppointment: {
                    text: …
Run Code Online (Sandbox Code Playgroud)

fullcalendar

2
推荐指数
1
解决办法
3259
查看次数

标签 统计

fullcalendar ×1