如何在反应大日历中的月视图中获取一周的全天名称

Question

我试图在 header 上为月视图获取完整的日期名称，但无法这样做。

我很确定它在本地化功能中，但无法在线找到解决方案。到目前为止，这是我的代码：

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"
/>

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

Answer 1

你可以试试这个

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

你的结果可能是：

有关 API 的更多信息，请点击此处： https://jquense.github.io/react-big-calendar/examples/index.html#prop-formats.weekdayFormat

编辑：感谢 Kostantin Komelin 在评论中向库文档提供更新的 link！

如何在反应大日历中的月视图中获取一周的全天名称

How to get full day names for week in month view in react big calendar

reactjs

react-big-calendar