【问题标题】:jQuery FullCalendar event overlap (multiple event same line)jQuery FullCalendar 事件重叠(多个事件同一行)
【发布时间】:2018-12-26 20:11:53
【问题描述】:

我想在同一行中放置许多事件。

在相同的 m,d,h 参数上创建两个事件时,似乎默认情况下 fullcalendar 不支持重叠

我尝试将宽度设置为较小的值,以使事件 div 对齐在同一行,但没有成功

目标是做:

  • 同一行上的多个事件,用于同一 m、d、h 组合时
  • 一个虚拟标签事件在左侧对齐,以指示同一 m、d、h 组合/行中所有事件的确切小时 + 信息 -

有什么想法吗?谢谢

【问题讨论】:

  • css 属性“inline-block”没有效果。而且我认为事件不必使用 x,y 坐标手动对齐?

标签: jquery fullcalendar


【解决方案1】:

我遇到了同样的问题。我不知道这是否真的是一个错误或只是 FullCalendar 的意外行为。 为此,我在“问题跟踪器”上创建了一个新的“问题”。

https://code.google.com/p/fullcalendar/issues/detail?id=2148&thanks=2148&ts=1399935301

希望我有所帮助。

【讨论】:

  • 有趣..谢谢。但我指的是日历月视图。我只能让两个事件同时出现在同一行
  • 找到了!发布解决方案。你能在你这边测试一下吗?
【解决方案2】:

你试过slotEventOverlap:false吗?

documentation

【讨论】:

    【解决方案3】:

    我发现了以下内容:

    • 使用 theme.html 示例时,事件重叠
    • 这是因为设置了 allDay:false 或日期的 end 属性
    • 这仅适用于日视图,在月视图中,如果设置了 CSS 宽度,事件仍然是堆叠事件!

    所以通过使用theme.html模板,在日视图上,事件是可以的

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-01-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多