问题标签 [react-big-calendar]

无法在 react-big-calendar 中添加 ISO 格式的时间

我正在为我的 React 项目使用 react-big-calendar。对于其他组件，我将时间格式化为：18:00。我意识到大日历适用于 2019-3-12，但是当我尝试添加 18:00 时，它会将事件视为一整天。

我想让它在适当的时间出现在议程视图中。

我正在尝试逐月更改视图，但同时它给了我一个错误。我是新来的反应和反应大日历有人可以帮我解决这个问题。当我将日历视图更改为月份时，它工作正常，但是当我将其更改为周或日时，它会给我一个错误。请帮助我谢谢

代码

我需要根据我的应用程序样式设置 react-big-calendar 样式。这可以通过编写自定义 css 类并导入它们来实现。但我想知道是否有任何方法可以更改 SCSS 变量。提前致谢！！

我是 Node/Webpack/React 的新手。当我在月/周/日视图之间切换时，应用程序经常崩溃，并且我在控制台中收到此错误：index.js?07ad:209 Uncaught TypeError: date[("get" + method)] is not a function。

请帮帮我谢谢

代码

功能

在 React-Big-Calendar 中，我正在尝试为月视图中的日期设置标题。我的标题数据是从一个外部组件设置的，该组件将日期和城市名称上传到 Firestore，并使用 componentDidMount 加载到我的日历组件中，并将其加载到称为标签的对象数组中。我希望标签对象比较日期，并将标题应用于日期，但我不明白如何将 firestore 对象连接到日历。

我可以 console.log 记录 firestore 数据并在控制台中查看它，当我比较 RBC 日期和硬编码日期时，我可以使用 IF 语句手动设置标题。我一直在寻找WEEKS的示例/信息......任何方向都有帮助。

我的日历

组件DidMount

customDateHeader 组件

我尝试了许多不同的 if 语句..

如果日期匹配，希望看到标题填充城市名称。非常感谢任何方向或帮助，因为我在这里度过了很多天。

我有一个简单的系统，它在节点创建表单上，允许用户选择开始和结束日期以及小时和分钟：

问题是日期在中间的某个地方搞砸了，或者我不知道如何转换它。

在数据库中，两个值被保存如下：

似乎是正确的，就像在日期选择器中我选择了下午 2 点和 4 点一样。然后，使用momentjsand react-big-calendar，我尝试将该事件放入日历中。似乎每次都放+3小时。我想，这是因为它以 UTC 格式保存，而且我住在东欧，距 UTC 时间 +3 小时。

奇怪的是，当我向数据库发出请求时，我已经将时间转换为我自己的时间：

有人可以帮我吗？当我保存它们时，我希望返回和显示相同的时间，这意味着如果我选择下午 2 点，它应该是下午 2 点。我认为这里的解决方案是忽略时区，并始终以 UTC 显示所有内容？但是怎么做呢？momentjs如果有帮助，我可以访问。我试过这样的事情：

但它仍然返回相同的值，即：

问这个问题可能很愚蠢，但相信我，我是新来的。实际上，当前React-big-calendar支持导航到从月视图中选择的特定日期。当用户从月视图中单击日期时，我想要相同的东西我想将用户导航到特定日期。请帮我

代码

第一个错误：

元素类型无效：应为字符串（用于内置组件）或类/函数（用于复合组件）但得到：未定义。您可能忘记从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。

检查App.

第二个错误：

未捕获的类型错误：无法读取未定义的属性“momentLocalizer”

代码在这里：https ://stackblitz.com/edit/react-bcvdd6

有经验的人可以帮助我。我有这样的问题。如果items.tasks.person_id等于items.people.id事件应该有颜色people.color。

如何根据分配给人员的颜色更改事件的颜色？事件有一个人 id，人对象有一个颜色。

示例items.tasks.person_id (123)===items.people.id (123)事件应该有颜色items.people.color (# e31e24)

此处代码：https ://stackblitz.com/edit/react-v71fhc

How to get the first and last visible date in React Big Calendar? This will facilitate database queries to view events. I'm trying to call the onNavigate () function and get start and end using the moment library, but both values areundefined.

Update

I get the value of start. end only when I press the back, next arrows. How do you get these values automatically when the calendar appears?