Question

我想知道如何在fullcalendar中显示事件的描述。

我有拥有标题和说明的活动。

那怎样才能显示描述？

Answer 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>');
},

Answer 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,
                            });
                        });
                    }

    });

});

如何在fullcalendar中显示事件的描述

2 个答案: