Javascript FullCalendar唯一自定义每周视图

是否可以像图片链接那样使用下面的Json结构从头开始构建每周视图

var nestedEvents = {
    "ABC": [
        { 
            title: 'Test-1',
            startDate: moment,
            endDate: moment,
            "allDay": true
        },{ 
            title: 'Test-2',
            startTime: moment,
            endTime: moment,
            "allDay": true
        }
    ],
    "DEF": [
        { 
            title: 'Test-3',
            startTime: moment,
            endTime: moment,
            "allDay": true
        }
    ]
};

---

您可以借助

首先，您必须创建一个对象，用于存储按周排序的事件

然后，您必须循环您的事件，并使用事件的相应周和日索引将每个事件推送到该对象：

for(var i=0; i<events.length; i++){
    var weekIndex = moment(startDate).format('w')-1; 
    var dayIndex = moment(startDate).format('d');

    calendar.weeks[weekIndex].days[dayIndex].events.push(events[i]);
}

---

您可以借助

首先，您必须创建一个对象，用于存储按周排序的事件

然后，您必须循环您的事件，并使用事件的相应周和日索引将每个事件推送到该对象：

for(var i=0; i<events.length; i++){
    var weekIndex = moment(startDate).format('w')-1; 
    var dayIndex = moment(startDate).format('d');

    calendar.weeks[weekIndex].days[dayIndex].events.push(events[i]);
}

---

谢谢这将为我提供从嵌套结构收集事件的结构。然而，fullcalendar JavaScript插件/库（我正在使用）设计为采用平面结构。我的问题是如何用多个标题呈现这个嵌套结构（如图所示）。看起来首先有一个骨架，然后根据日期将事件插入其中。看起来“renderHtml”和“headerInto”方法正在生成骨架。这个嵌套结构看起来完全不同。谢谢！这将为我提供从嵌套结构收集事件的结构。然而，fullcalendar JavaScript插件/库（我正在使用）设计为采用平面结构。我的问题是如何用多个标题呈现这个嵌套结构（如图所示）。看起来首先有一个骨架，然后根据日期将事件插入其中。看起来“renderHtml”和“headerInto”方法正在生成骨架。这种嵌套结构看起来完全不同，那么基本上有没有一种合法的方法可以使用JSON结构进行行分组呢？有点像ui网格，但更简单。那么基本上有没有合法的方法使用JSON结构进行行分组呢？有点像ui网格，但更简单。

var calendar = {

"weeks": [
  {
     "weekNumber": 0,
     "days": [
        {
           "dayNumber": 0,
           "events": [
              {
                 "title": "Test-1",
                 "startDate": moment,
                 "endDate": moment
                 "allDay": true
              }
           ]
        },
        {
           "dayNumber": 1,
           "events": [
              {
                 "eventNumber": 0,
                 "title": "Test-2",
                 "startDate": moment,
                 "endDate": moment,
                 "allDay": true
              },
              {
                 "eventNumber": 1
              },
              {}
           ]
        },
        {
           "dayNumber": 2
        }
     ]
  },
  {
     "weekNumber": 1
  },
  {
     "weekNumber": 2
  },
  {}
]
}