我如何在全日历中显示比标题更多的内容

时间:2019-07-07 14:50:26

标签: javascript php mysql fullcalendar fullcalendar-3

我需要帮助, 我正在使用完整的日历,现在可以显示事件的标题,但是我还想在标题旁边显示数据库中的其他元素(例如全名或说明),我该如何使用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 个答案:

答案 0 :(得分:1)

使用eventRender可以在事件标题后附加更多详细信息。 “ fc-title”是日历上事件的默认类。

p2

eventRender代码。

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