如何在全日历中显示事件描述答案

【问题标题】：How to show a description of Events in fullcalendar如何在全日历中显示事件描述
【发布时间】：2015-07-18 10:17:42
【问题描述】：

如何在全日历中显示事件描述？

我的活动有标题和描述。

那么我该如何显示描述呢？

【问题讨论】：

标签： fullcalendar

【解决方案1】：

当您添加标题和描述时，它将连接在一起。

使用以下代码，您可以与标题连接：

eventRender: function (event, element, view) {
    element.find('.fc-title').append('<div class="hr-line-solid-no-margin"></div><span style="font-size: 10px">' + event.description + '</span></div>');
},

【讨论】：

这里不需要“view”参数

【解决方案2】：

这是工作的 jQuery 或 JavaScript 代码。

我喜欢 Bootbox.js 显示消息，所以我也在这里实现了：

$(document).ready(function() {

    var today_date = moment().format('YYYY-MM-DD');
    console.log(today_date);

    // $('#calendar').fullCalendar('gotoDate', today_date);
    $('#calendar').fullCalendar({
        theme: false,
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,basicWeek'
            // right: 'month,basicWeek,basicDay'
        },
        // header: { center: 'month,agendaWeek' }, // Buttons for switching between views
        defaultDate: today_date,
        businessHours:
        {
            rendering: 'inverse-background',
            dow: [0,1]
        },
        editable: false,
        eventLimit: true, // Allow "more" link when too many events
        events: myevents,
                eventRender: function (event, element) {
                    element.attr('href', 'javascript:void(0);');
                    element.click(function() {
                        bootbox.alert({
                            message: 'Description : '+event.description,
                            title: event.title,
                        });
                    });
                }

    });
});

【讨论】：