gpt4 book ai didi

javascript - 在全日历的 agendaDay View 中更改默认事件宽度

转载 作者:太空宇宙 更新时间:2023-11-04 14:27:29 24 4
gpt4 key购买 nike

当您在全日历上查看 agendaDay View 时,事件会占据整个屏幕。 (几乎满了,滚动条附近有 2.5% 的 chop 。我认为这完全没有必要。我希望第一个事件可能占一半,然后随着在同一时间段添加更多事件而变得更小。有什么办法吗?

我看过这里的答案: How to edit width of event in FullCalendar?

这里: Edit width of event in FullCalendar

这两种方法都可以调整事件的大小,但是一旦将一堆事件添加到同一个插槽中,它们就会出现问题。我需要能够在一个插槽中放置至少 10 个事件,而不会重叠或 css 中断。

这可能吗?

最佳答案

我已经研究了一段时间,首先确保将 slotEventOverlap 设置为 false。我的解决方案是在 eventAfterRender 回调中使用以下代码:

eventAfterRender: function(event, element, view)
{
if (view.name == "agendaDay")
{
var width = $(element).width();
width = (width / 4) * numEvents(event.start); // Where 4 is the maximum events allowed at that time.
$(element).css('width', width + 'px');
}
}

numEvents 函数返回当时有多少事件:

function numEvents(date)
{

totalEvents = $('#calendar').fullCalendar('clientEvents').length;

var count = 0;

for (i = 0; i < totalEvents; i++)
{
if ($('#calendar').fullCalendar('clientEvents')[i].start.getTime() == date.getTime())
{
count++;
}
}

return count;
}

希望对你有用!

关于javascript - 在全日历的 agendaDay View 中更改默认事件宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19438447/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com