问题标签 [react-big-calendar]

我一直在尝试搜索反应大日历的文件，但没有运气。有没有办法改变反应大日历中文本的字体样式？

所以我想为 RBC 使用周视图。我不断收到 TypeError: date[("get" + method)] is not a function

有一些问题报告都说我需要一个date对象，实际上，我可以在使用此示例时打开日历

所以我知道我需要将我的转换start: 2019-05-14T12:00:00.000Z,为new Date( x,x,x,x,x)

我试过用这样的东西在后端做这个

我还尝试moment(data[i].start.dateTime)了许多不同的 google 搜索建议，包括各种 .format()、.todate() 等，但我不断收到错误。

更新 ：

我也试过用这个位在我的前端设置它

我希望用它来初始化

但这给了我 TypeError: data.map is not a function

这只是提醒我，我不知道它是如何.map()工作的，当我尝试使用它时，我不断遇到类似的问题......我尝试了一些其他方法来解析具有类似失败程度的传入数据。我注意到，当我尝试处理传入的数据时，我无意中关闭了我的 api 请求，所以我没有任何数据可以使用......我真的让这种方式变得比它需要的更困难。

我只需要一个简单的答案。我该如何转换。start: 2019-05-14T12:00:00.000Z,开始：new date( x,x,x,x,x)?

我目前正在使用 react-big-calendar 开发日历组件。

我目前有一个 Wrapper，它从数据库中提取数据并将其发送到日历组件中。但是，我正在开发一项功能，即可以从任何地方“发送”日历事件到该组件。

目前我只有用例，它来自网站的内置通知系统，将有一个功能可以将作为通知发送的外部事件添加到您自己的日历中。但是，我可能想通过我的套接字服务器（socket.io）将事件从另一个 Web 应用程序推送到用户日历。

我不确定在技术上做出反应的“正确”方法是什么。

我现在的做法是我添加了

在我的 CalendarWrapper 中，它基本上为我做了以下事情：1）我更新发送到包装器的道具，无论是从父组件还是从 redux 存储（我将使用第二个）2）这会触发 getDrivedStateFromProps 并检查它是否收到propInput 为 true，如果是这种情况，它将作为 props 向下发送的新事件合并到日历的当前事件中。3) 然后它运行一个回调函数 (nextProps.reset())，将 propInput 重置为 FALSE，这会触发 getDrivedStateFromProps 的另一次运行，但这次返回 null 并且不会导致新的 setState。

这是我自己设想的如何将新事件从 redux 商店推送到这个日历包装器的解决方案。这似乎很不正统，但对我来说，这是与纯 redux 和一切保存在 redux 中的中间立场并拥有每个组件的本地状态的唯一方法。

有没有一种技术上更好、更高效的方法来解决这个问题？

提前致谢。

我想创建一个工具提示，但是如果事件位于右侧，它会溢出，所以我需要以某种方式检测事件位置。

在调整事件大小之前。

调整事件大小后。

为什么会这样？任何人都可以帮助，非常感谢。

我正在使用 React Big 日历（https://github.com/intljusticemission/react-big-calendar）并且我正在研究一些响应式样式，其中涉及分离 div 特别是 .rbc 的溢出-x（水平滚动条） -agenda-view 并将其附加到浏览器窗口。用于参考.rbc-agenda-view在.rbc-calendardiv 中呈现，即 BigCalendar 组件。

我的问题是：如果我无权访问它的组件，我该useRef()如何使用它。.rbc-agenda-viewBigCalendars 组件结构不允许您深入到内部组件。

对此的任何帮助将不胜感激。

提前致谢。

react-big-calander - NPM 包

https://github.com/intljusticemission/react-big-calendar/blob/master/examples/demos/selectable.js

在这个例子中，我想在警报中显示 event.distance 和 event.title，但警报只接受一个值。我如何能够在同一个警报中显示两者？

我试图创建一个在触发事件时运行的新函数，尽管它不起作用，所以我考虑使用模式来代替。

我试图在月视图的标题上获取全天名称，但无法这样做。

我很确定它在本地化功能中，但在网上找不到解决方案。到目前为止，这是我的代码：

我没有在上面收到错误消息，但它不起作用。任何帮助，将不胜感激。

嗨，我正在使用React Big Calendar。默认情况下，日历在周和日视图中显示时间从上午 12:00 到晚上 11:30，但我只想显示从上午 7:00 到下午 7 的时间范围我试图通过隐藏不需要的行来修改 CSS但日历上的事件项仍保留在其旧位置（例如：事件发生在上午 7:00 将保留在上午 10:30）。这是我的scss：

我需要创建一个从一天开始到另一天结束的事件。我想使用 react-big-Calendar 中的 OnSelectSlot 方法。

示例事件

• 开始时间：周一 13:00
• 名单结束：周三 13:00
• 标题：测试研讨会

问题是我只能在一天中选择时间段，最大时间为 23:59:59， 请参见此处。