将视图从一个月更改为一周、一天或议程会导致应用程序反应大日历崩溃

Question

错误：将视图从月更改为周、天或议程会导致应用程序崩溃。我怀疑这和时间有关。

我的代码

import { Calendar, momentLocalizer } from "react-big-calendar";
import moment from "moment";
import "react-big-calendar/lib/css/react-big-calendar.css";
const localizer = momentLocalizer(moment);
const Calendars = () => {

return (
<div>
<Calendar events={events} startAccessor="start_date" endAccessor="end_date" defaultDate={ new Date()} localizer={localizer} />
</div>
);
};

样本数据

这是我传递给日历功能的数据

cost events = [
{
"title": "Work",
"start_date": "2020-02-10T09:00:00.000Z",
"end_date": "2020-02-10T11:00:00.000Z"
},
{
"title": "Work",
"start_date": "2020-02-08T09:00:00.000Z",
"end_date": "2020-02-08T11:00:00.000Z"
}
]

我可能做错了什么？

Answer 1

您应该转换"start_ date"；以及"；end_ date"；到js日期对象=>moment(start_date).toDate()