如何在FullCalendar timelineYear视图中按顺序显示事件

如何在FullCalendar timelineYear视图中按顺序显示事件,fullcalendar,Fullcalendar,在这张图中,我想在6月份下垂直显示june事件到May月事件,我将eventOrder值用于5月份为1,6月份为2 请帮忙 预期结果: 如果某人对时间线年有要求,请参见下文。 使用名为eventsSet的方法,该方法将传递给的[options] 示例脚本如下所示: eventsSet: (info) => { let prevHeight = 0, prevTop = 0, setTop = 0; let allEvents; setTimeout(() =&

在这张图中,我想在6月份下垂直显示june事件到May月事件,我将eventOrder值用于5月份为1,6月份为2

请帮忙

预期结果:


如果某人对时间线年有要求,请参见下文。

使用名为eventsSet的方法,该方法将传递给
[options]

示例脚本如下所示:

eventsSet:  (info) => {

    let prevHeight = 0, prevTop = 0, setTop = 0;
    let allEvents;
    setTimeout(() => {
      allEvents = document.getElementsByClassName("fc-timeline-event-harness");
      if(allEvents.length > 0) {
        for (let item of allEvents) {
            prevHeight = item.offsetHeight;
            setTop = prevTop + prevHeight;
            item.style.top = prevTop + 'px';
            prevTop = setTop;
         }
      }
    }, 100);
  }

如果有人对timelineYear有要求,如下所示。

使用名为eventsSet的方法,该方法将传递给
[options]

示例脚本如下所示:

eventsSet:  (info) => {

    let prevHeight = 0, prevTop = 0, setTop = 0;
    let allEvents;
    setTimeout(() => {
      allEvents = document.getElementsByClassName("fc-timeline-event-harness");
      if(allEvents.length > 0) {
        for (let item of allEvents) {
            prevHeight = item.offsetHeight;
            setTop = prevTop + prevHeight;
            item.style.top = prevTop + 'px';
            prevTop = setTop;
         }
      }
    }, 100);
  }

那是你旧日历的照片,还是你的完整日历的照片?我不认为fullCalendar提供了这样的视图,除非它是Timeline视图,但即使如此,我也不这么认为。另外,您使用的是哪个版本的fullCalendar?并且说它决定了当天的订购活动…所以很明显,它不会对不同的月份做任何事情,我不知道你为什么要这么做。总的来说,你的问题有点不清楚,缺乏清晰、详细和相关的代码。请回顾和,以便更好地理解如何提出清晰、可回答的问题-谢谢。@ADyson首先感谢您的回答。我使用了fullcalendar v5和angular 10,是的,我使用了timelineYear。我们需要在各自的列中垂直显示不同的月份事件。我更喜欢一个解决方案,而不是提出一个可以回答的问题。谢谢你,先生!!正如我上面所说的,我认为这在fullCalendar中是不可能的,除非您创建自己的完全自定义视图,但这是一项非常大的工作,即使您从克隆现有视图开始one@ADyson再次感谢你,我已经给出了答案。如果它看起来不错,请向上投票,任何代码改进建议都会有很大帮助。这是您的旧日历的图片,还是您的完整日历尝试的图片?我不认为fullCalendar提供了这样的视图,除非它是Timeline视图,但即使如此,我也不这么认为。另外,您使用的是哪个版本的fullCalendar?并且说它决定了当天的订购活动…所以很明显,它不会对不同的月份做任何事情,我不知道你为什么要这么做。总的来说,你的问题有点不清楚,缺乏清晰、详细和相关的代码。请回顾和,以便更好地理解如何提出清晰、可回答的问题-谢谢。@ADyson首先感谢您的回答。我使用了fullcalendar v5和angular 10,是的,我使用了timelineYear。我们需要在各自的列中垂直显示不同的月份事件。我更喜欢一个解决方案,而不是提出一个可以回答的问题。谢谢你,先生!!正如我上面所说的,我认为这在fullCalendar中是不可能的,除非您创建自己的完全自定义视图,但这是一项非常大的工作,即使您从克隆现有视图开始one@ADyson再次感谢你,我已经给出了答案。如果它看起来不错,请向上投票,任何代码改进建议都会有很大帮助。