问题标签 [react-big-calendar]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1297 浏览

javascript - 将前几天的大日历样式反应到当前日期

我想根据当前日期设置前几天的背景样式。

我正在尝试在此处遵循此示例,但出现错误:

Invariant Violation: React.Children.only 期望接收单个 React 元素子元素。

这很疯狂,因为它在示例中有效。此外,文档中没有关于 的信息dateCellWrapper,这没有多大帮助。

这是代码:

谢谢!:)

0 投票
1 回答
5236 浏览

reactjs - 如何将道具传递给 React Big Calendar 自定义组件?

我正在使用带有自定义事件组件的 React Big Calendar。

在我的自定义组件中,我需要显示一些用户可以单击的按钮(通过弹出框)。我的弹出窗口工作正常,但我也希望渲染 BigCalendar 的类在单击弹出窗口中的按钮时得到通知。我们如何将“onButtonClick”事件作为道具传递给我的自定义组件?这是我的代码的简化版本

这是我的 CustomEvent 类

我想弄清楚我怎么能通过

到我的 CustomEvent 以便在单击按钮时通知父级。

有什么想法可以实现这一目标吗?谢谢

0 投票
1 回答
1001 浏览

javascript - 如何在 React 上使用撤消操作设置初始状态?

我有一个带有拖放功能的反应大日历,我希望当我将事件移动到另一个位置时,会出现一个具有类似撤消操作的小吃栏:

在此处输入图像描述

我想当我点击撤消动作时,事件设置初始状态(初始位置)

我的代码是:

我的完整代码: https ://codesandbox.io/s/mq42x1j90x

当我运行我的代码并单击撤消操作时,它不起作用,并且我的事件没有设置初始位置。

我该如何解决?

0 投票
1 回答
731 浏览

reactjs - react-big-calender 如何获得悬停方法以及如何为日期槽设置边框?

我没有任何文档可以为我提供关于反应大日历的悬停方法的解决方案,并将 css 应用于日期槽。

0 投票
4 回答
33040 浏览

javascript - 如何将两个对象数组与reactjs合并?

我有一个react-big-calendar,我想从后端获取本周的事件,从本地存储中获取其他几周的事件。

我的代码是:

这是(来自后端的事件)和(来自本地存储的事件)events的合并数组,当我运行它时,我进入我的控制台:evt1evt2

evt1 是:

在此处输入图像描述

evt2 是:

在此处输入图像描述

但是,在我的日历上,只显示 evt2 而不是所有事件(evt1 和 evt2)。

如何在我的日历上显示所有事件?

0 投票
2 回答
2568 浏览

css - 在不同页面上覆盖 React Big Calendar CSS

我已经在两个不同的页面上设置了反应大日历,并通过外部 CSS 对其应用了一些样式

我尝试在 CSS 中使用重要标签,但它只修复一个页面并干扰其他页面

第一个文件 CSS

第二个文件 CSS

我想在两个页面上实现不同的 CSS,但最终修复了一个并干扰了另一个

0 投票
1 回答
1512 浏览

javascript - 如何在 React Big Calendar 中获取选定的事件?

在 上显示事件后BigCalendar,我想知道选择了哪个事件。但是这个片段只显示一个空字符串?

如何在 React Big Calendar 中获取选定的事件?

0 投票
1 回答
554 浏览

javascript - React:将大日历 onNavigate 触发器从单击日期编号更改为整个单元格日期

我目前在 React 上使用大日历。目前,当您单击单元格中的日期时,Big Calendar 会触发其 onNavigate 回调。

当我单击日期的整个单元格时,我想要的是使 onNavigate 触发。

在此处输入图像描述

有没有可能的方法来做到这一点?谢谢。

0 投票
1 回答
1956 浏览

reactjs - 自定义 React 大日历颜色

我是 React Big Calendar 的新手,它看起来非常有用,但我被卡住了。我正在创建一个暗模式网站,默认按钮可以满足我的需求,但文本是黑色的,并且在深色背景上显示效果不佳。有没有办法不创建自定义工具栏而只更改文本颜色(活动按钮、悬停按钮和非活动按钮文本颜色)?我见过自定义工具栏,但仅仅更改默认按钮的文本颜色似乎有点过头了。

谢谢您的帮助。

我正在使用 React Typescript 当然是 React Big Calendar

0 投票
2 回答
722 浏览

javascript - 如何使用 Reactjs 将日历的日期状态发送到另一个日历?

我有两个日历,例如议程,有一个图标日历按钮,当我点击它时,它将被重定向到另一个日历(Planning),这些日历是用react-big-calendar开发的,我想在导航时例如在一周的juin 17 - 23议程,我点击图标日历,它将被重定向到juin 17 - 23计划。

我的代码是:https ://codesandbox.io/s/m7k904y3o8

我尝试用 发送日期getWeek(),但它不起作用。

我该如何解决?