事件没有显示在正确的位置

Question

版本 - “react-big-calendar”：“^0.28.2”

-

附上截图

请在下面找到 React 代码 -

<Calendar
        defaultDate={moment().toDate()}
        defaultView="month"
        events={[{
          "status": "pending",
          start: new Date(2020, 10, 11, 10, 0),
          end: new Date(2020, 10, 11, 17, 0),
          "title": "Michael Scott",
          'allDay': false,
        }]}
        localizer={localizer}
        max={new Date(0, 0, 0, 21, 0, 0)}
        min={new Date(0, 0, 0, 7, 0, 0)}
        resizable
        selectable
        style={{ height: '80vh' }}
          />

Answer 1

您需要在 Obj "events" 中按时刻格式化您的日期。示例：

events={[{
  "status": "pending",
  start: moment().toDate(new Date(2020, 10, 11, 10, 0)),
  end: moment().toDate(new Date(2020, 10, 11, 17, 0)),
  "title": "Michael Scott",
  'allDay': false,
}]}