18910140161

HTML-FullCalendar事件侵入周视图底部行-堆栈溢出

顺晟科技

2022-10-19 13:56:26

197

问题: 我在让事件只使用其中一行而不像现在这样入侵其他行时遇到了问题:

反对: 我的意图是做单行事件,每行只有一个事件,如下所示:

我试着用css来做,但是fullcalendar将事件移到右边,并且没有ccs标记来标识它能够用css来移动它,相反,它使用inset,我不知道如何实现它。

有两种选择:

  • 找到使行适应事件大小的方法。

  • 以某种方式将fullcalendar移动的事件向右移动。

问题在于我的知识很少,我不知道怎么做。

事件细化的代码:


顺晟科技:

问题是您的事件都有相同的开始和结束时间。就fullCalendar而言,它们占用0分钟。就像您根本没有指定属性一样。

当然,这将使它们无法显示,因此fullCalendar将它们的默认持续时间设置为1小时--这就是它们重叠到下一个插槽的原因。

要解决此问题,您可以:

  1. 为每个事件指定比开始时间晚30分钟的结束时间。

  1. 将1小时(默认值)更改为30分钟,正如我在下面的演示中所做的那样。

无论哪种情况,都不需要自定义CSS。

文档:https://fullcalendar.io/docs/defaulttimedeventduration

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航