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

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

因此,如图所示,我想为单个事件设置样式。

外观示例

使用 slotpropgetter 可以有条件地渲染样式。

所以“解决方案”是 DateCellWrapper,它要么对我不起作用,要么我以错误的方式实现它

它甚至不输出我的console.log,所以..有人知道吗?:p

0 投票
1 回答
34 浏览

momentjs - 将两个矩对象转换为相似的格式?

我有两个矩对象,其中字段的格式有一个差异,而这种差异就是障碍。如何转换这两个格式相似的对象? 控制台截图

关键“_i”是第二个对象的格式对我有用的区别。那么如何将第一个对象与第二个对象完全相似

0 投票
1 回答
525 浏览

reactjs - 使用 redux 向 ReactBigCalendar 添加事件

我目前正在开发一个预订应用程序,在这方面我需要从 API 获取一些数据。BigCalendar我正在使用 react + redux 来执行此操作,但是当状态更新时,我似乎无法更新此元素。BigCalendar它的初始化过程必须有某种对象。

BookingReducer.js

bookingAction.js

应用程序.js

请指出任何可以帮助我正确执行此操作的错误。

0 投票
1 回答
1463 浏览

javascript - react-big-calendar:无法读取未定义的属性“0”

问题

尝试实现react-calendar和后退和下一个按钮(更改日期)抛出此错误:

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

它以前工作过,我没有更改我的代码中的任何内容,所以我很困惑。

问题

为什么我无法在 react-big-calendar 上使用下一个和后退按钮(更改日期)?

代码:

库错误行:

在图书馆的这一行似乎失败了:

0 投票
1 回答
893 浏览

javascript - 保存时刻以用作 React-Big-Calendar 中的事件

我无法为反应大日历生成事件。在创建一个新的事件对象(在另一个组件中)时,我设置了 id、事件名称,就可以了,然后我想知道我是否正确设置了开始和结束。我会有这样的时刻(使用 moment.js 创建)date = 05/15/2018 11:00 AM,在设置事件的开始/结束字段时,我会将它们设置为new Date(date). 现在我将这个值保存在本地存储中,但它最终会保存到数据库中。我检查了一下,当我用我的时刻在我的组件顶部创建一个常量时,并且在代码中明确地使用新的 Date() 语法它工作正常,但是我预先保存的日期不起作用。我收到以下错误。

我的问题是我应该如何保存我的时间,以便反应大日历可以正确解释它?

0 投票
1 回答
546 浏览

javascript - 即使在完成选择后,也会在 react-big-calendar 中突出显示所选插槽的背景

现在默认行为是每当有人选择一个插槽时,它就会以灰色突出显示,但一旦选择停止,突出显示的日历字段就会消失。如果我们在选择时打开模式,则没有必要,但在我的情况下,70% 的宽度是日历,30% 是表单。因此,当进行选择时,表格中的日期会更新,但没有任何内容突出显示,因此会造成混乱。

fullcalendar 有一个选项“unselectAuto”,默认为 true。

react-big-calandar 还没有实现这个,并且对 PR 开放。有什么解决方案/黑客可以解决这个问题吗?

0 投票
3 回答
5153 浏览

reactjs - React BigCalendar拖放示例不起作用

我只是在这里浏览 BigCalendar 拖放示例。我试图自己创建一个本地的拖放示例,只是为了看看拖放如何与 BigCalendar 一起工作。我创建了以下内容:

Dnd.js

index.js

日历显示所有事件都很好,问题是拖放功能不太有效。该代码几乎是来自BigCalendar 拖放源代码的复制粘贴。那么为什么拖放示例在我的项目中不起作用?

我在本地创建的示例也可以在这里看到我的仓库。

0 投票
2 回答
7689 浏览

javascript - 访问导航方法 React-Big-Calendar 和 Typescript

我很难使用带有 react-big-calendar 和 typescript 的自定义工具栏。我正在尝试访问“下一个,上一个”“月,日,周”视图的原始方法。我已经广泛阅读... https://github.com/intljusticemission/react-big-calendar/issues/623 https://github.com/intljusticemission/react-big-calendar/issues/818 http://intljusticemission .github.io/react-big-calendar/examples/index.html#prop-components

自定义 UI 渲染良好,没有错误,现在我需要访问原始方法,以便操作日历。

主要问题是我的按钮正在触发,但实际上并没有导航任何东西。

我认为的一些问题是...

- 我实际上并没有像我想的那样使用navigateMethod

--BigCalendar 中的默认日期和日期实际上并没有改变,因为我每次点击时都会用同一天覆盖它?

-- 我需要从他们的文档中实现这个例子吗?

有人有我可以看的例子吗???

这是我的完整源代码。

0 投票
2 回答
1453 浏览

reactjs - react-big-calendar:无法读取未定义的属性“momentLocalizer”

在我的项目中,我试图初始化 react-big-calendar 但它说它不存在。这是来自控制台的错误:

我检查了我的依赖项,甚至检查了我的 node_modules 文件夹中的库,它就在那里。还有其他事情发生。这是我的代码:

这是我的软件包版本:

“反应”:“16.3.0”,“反应大日历”:“^0.19.1”,“时刻”:“2.22.0”,

有任何想法吗?

0 投票
2 回答
1245 浏览

reactjs - Moment.js 正在使用 React Big Calendar 将 Date 转换为 Today 日期

我遇到了一个问题,即使日期正在按时刻解析,日期也被转换为今天的日期。看起来 Moment 正在将日期转换为今天的日期。我相信我只是错误地使用了脚本。我对 Moment 不熟悉。任何帮助,将不胜感激。

这是一个跟踪示例,其中来自 Google 日历的“开始”日期采用时间格式。 U 这是一张图片,其中 JSON 上的 startDate 来自 Google 日历

这是脚本的转换和痕迹在此处输入图像描述

这是通话中的实时日期:

在此处输入图像描述