一年的渲染事件在ResourceTimeline中显示40天的日期范围

时间:2019-06-12 08:22:58

标签: fullcalendar fullcalendar-scheduler fullcalendar-4

我正在将FullCalendar v4添加到我们的react应用程序中,并且我对FullCalendar还是很陌生,所以请问一个基本问题。

我同时搜索了文档和StackOverflow,但找不到有关当前问题的任何提示。让我简要介绍一下我们的目标方案:

我们要加载并渲染全年的事件,并向用户显示约40天(一个月,以及从上个月和下个月开始的另外5天)的日期范围。用户应该能够使用滚动条滚动浏览全年。

第一个问题是FC4是否已经提供了可以实现目标的功能。我试图定义一个类型为'resourceTimeline'的自定义视图,持续时间为30天,并将'validRange'设置为当年。这给了我想要的外观,但是不幸的是它是静态的-只要屏幕可以显示40天的整个区域,滚动条就不可见。使用下一个/上一个按钮,我可以在40天的时间段之间切换,但是我宁愿使用这些按钮在年份之间切换,并使用滚动条在一年内滚动。

我们现在尝试将'visibleRange'设置为当前年份,并在'datesRender'函数中以编程方式滚动到当前日期。问题在于,我们无法确定是最初加载FC4(滚动到当前日期的地方)还是用户是否手动滚动到时间轴中的另一个日期并在那里编辑事件。在这种情况下,应保持滚动位置。

因此,我们缺少的是匹配的回调,该回调告诉我们'executeRender'函数已完全执行。此时的问题是,如何以及在何处可以提供特定于应用程序的回调函数,该函数在呈现所有日期和事件之后便会触发。我还看到了一些内部成功回调。有可能覆盖它们吗?

任何想法和提示都受到高度赞赏。 非常感谢您的配合。

0 个答案:

没有答案