Fullcalendar：同一天的多个事件集中在一个事件中

Question

我有一个带有周视图的全日历。

我已修改 fullcalendar 以显示带有事件的数字：

function slotSegHtml(event, seg) {

[...]

    html +=
        " class='" + classes.join(' ') + "'" +
        " style='position:absolute;z-index:8;top:" + seg.top + "px;left:" + seg.left + "px;" + skinCss + "'" +
        ">" +

                    "<span class='fc-event-inner fc-event-qty'>"+htmlEscape(event.qty)+"</span>"+                              

[...]
    return html;
}

在 drop 函数中：

        drop: function(date, allDay) { // this function is called when something is dropped

            // retrieve the dropped element's stored Event Object
            var originalEventObject = $(this).data('eventObject');

            // we need to copy it, so that multiple events don't have a reference to the same object
            var copiedEventObject = $.extend({}, originalEventObject);

            // assign it the date that was reported
                            copiedEventObject.id = idevento++;
            copiedEventObject.start = date;
            copiedEventObject.allDay = allDay;

                            copiedEventObject.className = 'newEvent';
                            copiedEventObject.qty = '1';



                            //buscar eventos
                            var listevents = $('#calendar').fullCalendar('clientEvents',function(event) {
                                if(date.getFullYear()!=event.start.getFullYear())return false;

                                if(date.getMonth()!=event.start.getMonth())return false;

                                if(date.getDay()!=event.start.getDay())return false;

                                if(date.getHours()!=event.start.getHours())return false;     


                                //aparte tienen que ser del mismo tipo
                                if(event.title!=copiedEventObject.title)return false;

                                return true;
                            });


                            if(typeof listevents === 'object'){

                                //augmentar la cantidad
                                eventoantiguo = listevents[0];

                                copiedEventObject.qty = parseInt(eventoantiguo.qty)+1;

                                //borrar el objeto antiguo
                                $("#calendar").fullCalendar('removeEvents', eventoantiguo.id);

                            }

            // render the event on the calendar
            // the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)


                            $('#calendar').fullCalendar('renderEvent', copiedEventObject, true);


            // is the "remove after drop" checkbox checked?
            if ($('#drop-remove').is(':checked')) {
                // if so, remove the element from the "Draggable Events" list
                $(this).remove();
            }

        },

但是当我在同一天和同一小时内删除第二个事件时，所有事件都会消失。

对不起我的英语。

我认为归咎于： $('#calendar').fullCalendar('renderEvent', CopyEventObject, true);

萤火虫 说： 没有方法“替换”

未捕获的类型错误：对象 2在此函数中

 function htmlEscape(s) {
      return s.replace(/&/g, '&')
      .replace(/</g, '&lt;')
    .replace(/>/g, '&gt;')
    .replace(/'/g, '&#039;')
    .replace(/"/g, '&quot;')
    .replace(/\n/g, '<br />');
 }

(fullcalendar.js)

Answer 1

使用全日历的Eventlimit，
假设您想对单日的所有事件进行分组，那么只需将事件限制设置为 1，如下所示：

$('#divCalendar').fullCalendar({                    
                        theme: true,
                        eventLimit: true, // for all non-agenda views
                        eventLimit: 1,
......
further code

Answer 2

我用这一行解决了问题：

 copiedEventObject.qty = (parseInt(eventoantiguo.qty)+1)+'';//se tiene que convertir a string!

因为 function "function htmlEscape(s) {" "s" 必须是字符串

谢谢！