使用 weekNumberCalculation 函数显示 React FullCalendar [关闭]答案

【问题标题】：displaying React FullCalendar with weekNumberCalculation function [closed]使用 weekNumberCalculation 函数显示 React FullCalendar [关闭]
【发布时间】：2020-10-09 01:04:06
【问题描述】：

我希望将一个函数传递给 FullCalendar 的 weekNumberCalculation 选项。谁能给我一个例子来说明如何做到这一点？

我在文档中读到该函数必须接受一个日期，但我不确定需要在此处传递哪个日期值。它只是任何日期吗？

【问题讨论】：

标签： reactjs fullcalendar week-number

【解决方案1】：

这是一个回调函数。您提供函数的定义，但实际执行它的是 fullCalendar 的代码。当它这样做时，fullCalendar 将传递一个相关的日期。

您永远不会从自己的代码中调用该函数，因此不必担心。您需要做的就是让您的函数处理该日期并将合适的周数返回给 fullCalendar。

所以你只需在你的 fullCalendar 选项中写下这样的内容：

weekNumberCalculation: function(date) {
  //here you would do some calculations, making use of the date supplied by fullCalendar....
  return 1; //return a week number (obviously in reality this will be the result of your calculations)
}

【讨论】：

谢谢你：D。是否也可以指定我想要显示周数的一个月内的特定周？
您可以尝试从函数中不返回任何内容，在您不想显示的几周内，但我不知道它是否会出错
我试过你的建议，但没有显示错误。仅供参考，我不想要的那几周显示的值是“NaN”。
这确实是个错误。我猜 fullCalendar 假设您返回的将是一个有效数字。所以我认为你想要的实际上是不可能的
我实际上在文档上找到了其他内容 - fullcalendar.io/docs/week-number-render-hooks。因此，如果我想显示自定义内容来代替简单的 weekNumber 显示，我可以使用 weekNumberContent 选项，我可以在其中传入字符串、对象或函数，根据此处文档的这一部分：fullcalendar.io/docs/content-injection。