как я могу отобразить больше, чем заголовок в fullcalendar - PullRequest
Новая
       20

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

0 голосов
/ 07 июля 2019

Мне нужна помощь, пожалуйста, я использую полный календарь, и теперь я могу отображать заголовок событий, но я также хочу отобразить другой элемент из моей базы данных (например, полное имя или описание) рядом сназвание, как я могу сделать это с помощью 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.'); 
                }
            }
        });
    }

});

1 Ответ

1 голос
/ 07 июля 2019

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