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

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()

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

Changing view from month to week or day or agenda crashes the app react big calendar

javascript

momentjs

reactjs

react-big-calendar