首页 > 解决方案 > 如何在反应大日历中获取月份视图中一周的全天名称

问题描述

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

我很确定它在本地化功能中,但在网上找不到解决方案。到目前为止,这是我的代码:

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

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

标签: reactjsreact-big-calendar

解决方案


你可以试试这样的

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在评论中提供图书馆文档的更新链接!


推荐阅读