Fullcalendar：同一天的分组事件在一个事件中答案

【问题标题】：Fullcalendar: group events on the same day in a single eventFullcalendar：同一天的分组事件在一个事件中
【发布时间】：2012-02-02 15:28:58
【问题描述】：

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

我已修改 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', 复制的EventObject, true);

萤火虫说：未捕获的类型错误：对象 2 没有“替换”方法

在这个函数中

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

(fullcalendar.js)

【问题讨论】：

标签： events numbers fullcalendar show

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

我用这一行解决了问题：

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

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

谢谢！

【讨论】：