问题标签 [react-big-calendar]

我正在使用 React 大日历。默认情况下 selectable true 使整个日历可选，但我只想使给定时间的可选 true 并更改日历中该时间范围的背景颜色。我不愿意创建事件。只需将给定时间设为可选即可。

谢谢

我正在研究一个反应项目并使用react-big-calendar。我们需要一个react-big-calendar还不支持的功能，所以我分叉了项目，更新了代码（用 本地检查yarn run examples）并提交到 GitHub。

我更新的回购链接

我尝试使用以下命令安装 repo：

我还导航到node_modules/react-big-calendar并运行以下脚本

所以，当我尝试在项目中使用这个更新的包时，我收到以下错误。

元素 ref 被指定为字符串（视图），但没有设置所有者。

这可能由于以下原因之一而发生：

1. 您可能正在向功能组件添加 ref
2. 您可能正在向未在组件的 render 方法中创建的组件添加 ref
3. 你加载了多个 React 副本

这是我正在使用更新存储库的项目的 package.json

这是我第一次修改开源项目。

在此先感谢您的帮助。

想要在单击月份单元格时使用状态以编程方式逐月更改视图，单击事件被捕获，但不起作用：

我查看了 API 文档，最相似的是 onView，但它是从库中触发的。

我正在尝试导入组件“react-big-calendar”：

找不到模块反应大日历的声明文件

我已经尝试过使用 npm @Types .. 但它没有用

我正在使用 BigCalendar，我正在尝试添加一个事件。目前，在 github 他们使用 window.prompt(); 但我想使用模态。但是，什么都没有出现，我不确定为什么。

链接：https ://github.com/intljusticemission/react-big-calendar

使成为：

handleSelect（用户单击日期以添加事件）

问题是模型从不渲染，我不确定为什么。如果这种方式是不可能的，还有其他选择吗？

当单击以显示更多信息时，我想在事件旁边呈现一个组件。像这样的东西https://i.stack.imgur.com/jOVsE.png

我可以使用 onSelectEvent 创建一个模态，但我不知道如何将模态放在刚刚单击的事件旁边。我已经研究过使用事件文本中包含的弹出框创建自定义事件，但似乎没有办法从事件中触发 click 事件，而且我无法从 onSelectEvent 中弄清楚如何做到这一点。

以下是我正在尝试实现的两个图像

可以在周视图的全天事件中添加此功能吗

再点击2个后，它应该展开

react-big-calendar 中是否有任何实现来帮助我解决这个问题

我想在有事件的月历视图中更改日期的样式。

这是我正在开发的设计：

所以我需要将.rbc-date-cell每个日期的样式更改为蓝色。我一直在寻找解决方案的高低，最常见的是我找到为 dateCellWrapper 创建 CustomDateCell 的示例，它将有条件地设置单元格样式，这是我尝试过的一个示例：

React Big Calendar如何在月视图中设置一天的样式

这改变了.rbc-day-bgnot的风格.rbc-date-cell。RBC 的标记很复杂，因为开发人员为可能持续数天的事件制作了它。这意味着背景 div 与日期单元格位于不同的父级中。我不希望遍历/操作 DOM 来设置这些单元格的样式。

当然必须有一种方法来设置日期单元格的样式？到目前为止，我在 SO 和 github 上找到的文档和所有答案都没有产生任何结果。可以用eventPropGetter吗？

编辑

HTML如下。我也尝试过自定义插槽道具和 eventPropgetter，但无法直接操纵 .rbc-date-cell 的呈现

rbc-event 存在于与 rbc-date-cell 不同的行中，在此标记中，有 23 日和 24 日的事件。我不想遍历 DOM 以有条件地设置 div，因为这不是一种非常 React 的做事方式，如果可能的话，应该在渲染之前完成

这是我的代码

我想更改背景颜色，但它被另一种 CSS 样式覆盖。如何使用 react js 覆盖此背景颜色。

我不得不对 react-big-calendar 模块进行一些更改，所以我在 github 上分叉了项目，进行了修改并推送。然后我使用这个命令来安装新包：

该包在 package.json 的依赖项中确定：

我删除了 node_modules 文件夹，运行npm install但运行时npm start出现此错误：

calendar.js 文件中的导入如下所示：

如果导入错误，可能是什么原因？谢谢你