当前位置: 代码迷 >> JavaScript >> 将事件添加到事件日历 例
  详细解决方案

将事件添加到事件日历 例

热度:102   发布时间:2023-06-07 11:46:11.0

如何将一个事件添加到另一个事件?

$('#calendar').fullCalendar({
  events: [
    {
      start: new Date(),
      end: new Date(),

      events: [ {}, {} ] // ??? 
    }  
  ]
});

没有大量的自定义修改,这是不可能的。 非常超出SO问题的范围。

最容易获得的是将背景事件用作“父”事件,将常规事件用作子事件。 类似于以下内容:

var sourceEvents = [
    {
        id: 1,
        start: moment(),
        end: moment().add(6,'h'),
        childEvents: [{
            start: moment().add(1,'h'),
            end: moment().add(2,'h'),
        }, {
            start: moment().add(3,'h'),
            end: moment().add(5,'h'),
        }],
    }
];

$("#calendar").fullCalendar({
    defaultView: "agendaWeek",
    events: function( start, end, timezone, callback ) {
        var events = [];
        sourceEvents.forEach(function(event){
            event.rendering = "background";
            events.push(event);
            event.childEvents.forEach(function(childEvent){
                // you could do some checks to make sure they are in bounds
                // you could also do some color coding here
                childEvent.parentId = event.id;
                events.push(childEvent);
            });
        });
        callback(events);
    },
});

  相关解决方案