问题标签 [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 回答
621 浏览

javascript - 在我的自定义反应应用程序中使用 react-big-calendar

我是使用 react-big-calendar 的新手,对反应有些陌生。尝试简单地将默认日历导入使用 react app cli 创建的基本应用程序中。也就是说,我的基本 index.js 看起来像:

我有一个event.js如示例所示的,但我认为我没有以某种方式获得事件道具。搜索后,仅尝试在我的应用程序中使用默认日历,我找不到我可能做错了什么。我可以克隆日历并以这种方式运行,但这不在我的应用程序中。查看文档并将他们的示例所做的与我尝试做的进行比较是行不通的。

当我使用 运行我的应用程序时npm start,我得到:

在此处输入图像描述

我希望这里有人能指出我正确的方向。

0 投票
1 回答
2625 浏览

reactjs - React Full Calendar:过去的日期单元格变灰

https://github.com/intljusticemission/react-big-calendar

我正在使用反应大日历并尝试在过去的日期单元格中添加自定义样式。不知道如何在没有 jQuery 的情况下解决这个问题?

0 投票
4 回答
8828 浏览

react-big-calendar - react-big-calendar 事件的基本设置未显示

我正在尝试使用 react-big-calendar 包。http://intljusticemission.github.io/react-big-calendar/examples/index.html

我在页面上显示了日历。分页正在工作,我的控制台中没有错误。但是,我的事件都没有显示。我在某处有语法/格式错误吗?

0 投票
1 回答
1264 浏览

reactjs - 为什么 React Big Calendar 不显示事件?

我已经按照文档并在此处上传了一个项目。

没有错误,但不显示事件。这是一些代码:

无法理解是什么问题。根据这个答案,我添加了一些样式,但结果是一样的。包含 React Big Calendar 文档的页面在这里

0 投票
1 回答
845 浏览

javascript - 使用 React Big Calendar 禁用事件截断

如果单元格中的事件多于容纳不下的事件,则事件会被截断,您会注意到“+X more”会出现:

在此处输入图像描述

如何禁用此功能并展开单元格以便显示每个事件?所以单元格会随着事件而扩展。

0 投票
1 回答
1833 浏览

reactjs - 反应大日历可调整大小的事件

我看到 react-big-calendar 最近添加了我正在尝试开始工作的可调整大小的事件。这是他们拖放示例的代码:

http://intljusticemission.github.io/react-big-calendar/examples/index.html#dnd

单击拖放按钮 => 查看示例源代码。

您可以在渲染中看到 resizable 道具和 onEventResize 函数。但是,我在示例中没有看到任何调整大小,如何让调整大小的事件起作用。

我知道这是一个非常新的版本,这可能是示例未更新的原因。谢谢。

0 投票
0 回答
334 浏览

react-big-calendar - React-big-calendar - 排序(设置顺序)allDay 事件

React 大日历接收一个带有对象的数组:

EventType 可以有 3 种类型 - 视频、持续时间和音频,但它们完全以随机顺序显示。

图片

需要关于如何设置订单的建议?

0 投票
2 回答
1368 浏览

reactjs - 在 react-big-calendar 上禁用拖动选择

我在 API 中看不到任何禁用此行为的内容。

我只希望用户必须单击特定日期。

0 投票
0 回答
1481 浏览

reactjs - 在 DnD 之外反应大日历

我正在使用 React 大日历 https://github.com/intljusticemission/react-big-calendar它有一个使用 react-dnd https://github.com/react-dnd/react-dnd的拖放选项。我想要做的是在日历之外有可拖动的元素,我可以在日历中拖动。像这样:https ://codepen.io/kotazi/pen/KVoXob 。

我发现的唯一“解决方案”是这个https://github.com/intljusticemission/react-big-calendar/issues/318但我不知道他是怎么做到的。我有与拖动示例相同的代码http://intljusticemission.github.io/react-big-calendar/examples/index.html#prop-onNavigate。有人能帮助我吗?

0 投票
2 回答
1604 浏览

react-big-calendar - React BigCalendar 日期转换

我正在使用反应大日历。事件数据具有纪元格式的日期开始/结束。它不能正确渲染。如何设置访问器属性以使用此 JSON 格式?

我当前的日历组件声明