How to show description of Events in fullcalendar

问题

I wan to know that How to show description of Events in fullcalendar.

I have events that have title and description.

So how can show description?

回答1:

When you add title and description it will concatenate. Using bellow code you can concatenate with title

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

回答2:

Hi Here is the working jquery or JavaScript code.

I love Bootbox.js for showing message so I implemented that also here:

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

    });

});

来源：https://stackoverflow.com/questions/31490108/how-to-show-description-of-events-in-fullcalendar

标签

fullcalendar