как я могу отобразить больше, чем заголовок в полном календаре

мне нужна помощь, пожалуйста, я использую полный календарь, и теперь я могу отображать название событий, но я также хочу отображать другой элемент из моей базы данных (например, полное имя или описание) рядом с заголовком, как я делаю это с помощью php?

это мой полный сценарий календаря:

$(document).ready(function() {
    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,basicWeek,basicDay'
        },
        editable: true,
        eventLimit: true, 
        selectable: true,
        selectHelper: true,

        select: function(start, end) {

            $('#ModalAdd #start').val(moment(start).format('YYYY-MM-DD '));
            $('#ModalAdd #end').val(moment(end).format('YYYY-MM-DD '));
            $('#ModalAdd').modal('show');
        },
        eventRender: function(event, element) {
            element.bind('dblclick', function() {
                $('#ModalEdit #id').val(event.id);
                $('#ModalEdit #title').val(event.title);
                $('#ModalEdit').modal('show');
            });
        },
        eventDrop: function(event, delta, revertFunc) { 

            edit(event);

        },
        eventResize: function(event,dayDelta,minuteDelta,revertFunc) { 

            edit(event);

        },
        events: <?php print json_encode($events);?>
    });

    function edit(event){
        start = event.start.format('YYYY-MM-DD ');
        if(event.end){
            end = event.end.format('YYYY-MM-DD ');
        }else{
            end = start;
        }

        id =  event.id;

        Event = [];
        Event[0] = id;
        Event[1] = start;
        Event[2] = end;

        $.ajax({
         url: 'editEventDate.php',
         type: "POST",
         data: {Event:Event},
         success: function(rep) {
                if(rep == 'OK'){
                    alert('Saved');
                }else{
                    alert('Could not be saved. try again.'); 
                }
            }
        });
    }

});


mysql javascript php fullcalendar fullcalendar-3
person Maryam Ait    schedule 07.07.2019    source источник

Ответы (1)


arrow_upward
3
arrow_downward

с eventRender вы можете добавить более подробную информацию к заголовку события. «fc-title» — это класс по умолчанию для события в календаре.

element.find('.fc-title').append(" " + event.description);

Код eventRender.

eventRender: function(event, element) {
    //Check what is the key for description in event and use that one.
    element.find('.fc-title').append(" " + event.description); 
     element.bind('dblclick', function() {
            $('#ModalEdit #id').val(event.id);
            $('#ModalEdit #title').val(event.title);
            $('#ModalEdit').modal('show');
        });
}
person Shivendra Singh    schedule 07.07.2019
comment
у меня уже есть эта функция, и я отредактировал ее, но ничего не изменилось :eventRender: function(event, element) { element.bind('dblclick', function() { $('#ModalEdit #id').val(event.id); $('#ModalEdit #title').val(event.title); $('#ModalEdit #id_chambre').val(event.id_chambre); $('#ModalEdit').modal('show'); }); я хочу добавить заголовок и id_chambre - person Maryam Ait; 07.07.2019
comment
использовать - eventRender: function(event, element) { element.find('.fc-title').append( + event.description); element.bind('dblclick', function() { $('#ModalEdit #id').val(event.id); $('#ModalEdit #title').val(event.title); $('# ModalEdit').modal('show'); }); } - person Shivendra Singh; 07.07.2019