如何在React Big Calendar中获得每月视图中一周的全天名称

时间:2019-06-25 07:13:28

标签: reactjs react-big-calendar

我正在尝试在月视图的标题上获取全天名称,但无法这样做。

我很确定它在localize函数中,但是找不到在线解决方案。到目前为止,这是我的代码:

import { Calendar, momentLocalizer } from "react-big-calendar";
import Toolbar from "react-big-calendar/lib/Toolbar";
import "react-big-calendar/lib/css/react-big-calendar.css";

moment.locale("en-gb", {
   week: {
    format: "dddd"
  }
});
const localizer = momentLocalizer(moment);

<Calendar
   localizer={localizer}
   components={{ toolbar: CalendarToolbar }}
   events={eventsList}
   eventPropGetter={this.eventStyleGetter}
   startAccessor="start"
   endAccessor="end"
/>

我在上面没有收到错误消息,但是不起作用。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:3)

您可以尝试这样的事情

const formats = {
  weekdayFormat: (date, culture, localizer) => localizer.format(date, 'dddd', culture),
}
<Calendar
formats={formats}
/>

您的结果可能是:enter image description here

此处提供有关API的更多信息:http://intljusticemission.github.io/react-big-calendar/examples/index.html#prop-formats.weekdayFormat