如何以完整日历显示事件的描述

Posted 2023-01-12

我如何以全日历显示事件的描述？

我有带有标题和描述的事件。

那么如何显示说明？

答案

当您添加标题和描述时，它将连接在一起。使用下面的代码，您可以将标题连接在一起

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

另一答案

这里是有效的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,
                        );
                    );
                

    );
);