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

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