【问题标题】:React-big-calendar, beaks when view changes to week, work-week, day. How to fix it?React-big-calendar,当视图更改为周、工作周、日时发出喙。如何解决?
【发布时间】:2019-02-12 09:17:26
【问题描述】:

在我现在工作的项目中,我们决定使用 react-big-calendar。我通过将事件数据从父组件作为道具传递来提供事件数据。数据格式为 {start:"ISO date string",end:"ISO date string",title:"Event name", allDay:true/false,eventID:number, roomID:number, ownerID:number}。它正在处理我的虚拟数据(没有 eventID、roomID、ownerID)。

所以,真正的问题是:当我选择一个房间/房间时,它会渲染这个房间/房间的所有事件。这适用于安装和议程视图。我可以通过工具栏导航。但是当我尝试将视图更改为周、工作周或日时,它会出现不可预测的行为。如果一天、一周或工作周内没有事件,它会很好地呈现,并通过工具栏导航。但是如果尝试将其更改为获得事件的星期,它会重新渲染整个页面并丢失所有渲染的事件。 我怎样才能解决这个问题?是否有人可以提供帮助或建议寻找什么?

【问题讨论】:

  • 您应该始终发布一些代码,以便其他人可以看到您的尝试并很乐意提供帮助
  • 抱歉打扰了。我刚刚将 ISO 日期字符串传递给 'new Date("ISO Date String")' 并且它起到了一种魅力......这就是问题所在。

标签: reactjs react-big-calendar


【解决方案1】:

我最近遇到了一个非常相似的问题,这是因为我忘记将我的所有事件 startend 值更改为真正的 JavaScript Date 对象。该要求在文档中,我刚刚忘记了。在我这样做之前,它们最初仍会显示,但诸如更改视图或拖放/调整大小之类的事情要么完全破坏,要么存在很大问题。一旦我正确地将这些 startend 日期转换为真正的 JS Date 对象,所有这些问题都消失了。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2022-06-29
    • 1970-01-01
    • 1970-01-01
    • 2023-01-27
    • 2023-02-02
    • 2018-12-31
    • 2020-12-25
    • 1970-01-01
    相关资源
    最近更新 更多