Fullcalendar 6 :连续事件并不总是占用一天列的总宽度

Fullcalendar 6 :Consecutive events don't always take up the total width of the day column

提问人:K.cyrine 提问时间:10/30/2023 最后编辑:K.cyrine 更新时间:10/31/2023 访问量:38

问:

我正在使用 fullcalendar 6。我注意到连续的事件并不总是占据天数列的总宽度。

以下是我的问题:enter image description here我注意到,只有当事件的开始和结束日期不等于持续时间段(每周 Team2 事件)时,此偏移量才可见。

JS代码

  document.addEventListener("DOMContentLoaded", function() {
  var date = new Date();
  var d = date.getDate();
  var m = date.getMonth();
  var y = date.getFullYear();

  var calendarEl = document.getElementById("calendar");
  var calendar = new FullCalendar.Calendar(calendarEl, { 
    nowIndicator: true,
    eventOverlap:false,
    headerToolbar: {
      left: "prev,next today",
      center: "title",
      right: "dayGridMonth,timeGridWeek,timeGridDay,listMonth"
    },
    initialDate: new Date(y, m, 2),
    initialView: "timeGridWeek",
    events: [
      {
        title: "Daily Team 1",
        start: new Date(y, m, 2, 7, 00),
        end: new Date(y, m, 2, 7, 20),
        allDay: false
      },
      {
        title: "Weekly Team 2",
        start: new Date(y, m, 2, 7, 20),
        end: new Date(y, m, 2, 8, 20),
        allDay: false
      },
      {
        title: "Sprint review Team 3",
        start: new Date(y, m, 2, 8, 20),
        end: new Date(y, m, 2, 9, 40),
        allDay: false
      },
      {
        title: "Daily Team 2",
        start: new Date(y, m, 3, 7, 00),
        end: new Date(y, m, 3, 7, 30),
        allDay: false
      },
      {
        title: "Daily Team 3",
        start: new Date(y, m, 3, 7, 30),
        end: new Date(y, m, 3, 8, 0),
        allDay: false
      },
      {
        title: "Weekly Team 1",
        start: new Date(y, m, 3, 8, 0),
        end: new Date(y, m, 3, 9, 30),
        allDay: false
      },
    ]
  });

  calendar.render();
});
javascript css 完整日历 fullcalendar-6

评论

0赞 AztecCodes 10/30/2023
欢迎来到 Stack Overflow!谢谢你的提问。但是,您似乎不熟悉 Stack Overflow 到操作方法:提出好问题的指南。请阅读它并使用“编辑”选项相应地调整您的问题。祝您编码愉快!
0赞 ADyson 10/31/2023
我无法重现您的问题 - 演示:codepen.io/ADyson82/pen/OJdNeZE。从您的图片来看,您可能已经将一些自定义 CSS 应用于您的页面。这可能是导致您问题的原因。要么是这样,要么你的事件实际上是重叠的,而不是纯粹的相交。如果您需要进一步的帮助,请向我们提供您的问题的最小可重现示例,包括相关代码和 JSON 格式的示例事件数据。我们不能单独修复图片。谢谢。
0赞 ADyson 10/31/2023
感谢您的更新。对于时间与插槽时间不一致的连续事件,您似乎是正确的。事实上,我们可以看到,如果我们调整一分钟,那么问题就会消失:codepen.io/ADyson82/pen/MWLeWZg。尽管您也可以从我更改的数据版本中看到,它也会出现在持续时间行上。这种模式似乎是,当货币对中的第一个事件短于单个时隙的持续时间时,就会发生这种情况。
0赞 ADyson 10/31/2023
我现在要说的是,这是 fullCalendar 中的一个错误,因此我们在 Stackoverflow 上对此无能为力 - 我们可以帮助您实现和集成,但我们无法修复内部问题。按照 fullcalendar.io/reporting-bugs 中的步骤向 fullcalendar 团队提出问题。

答: 暂无答案