【问题标题】:How to get full day names for week in month view in react big calendar如何在反应大日历中获取月份视图中一周的全天名称
【发布时间】:2019-11-06 23:21:42
【问题描述】:

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

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

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

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

【问题讨论】:

    标签: reactjs react-big-calendar


    【解决方案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 在 cmets 上提供库文档的更新链接!

    【讨论】:

    • 感谢您提供更新的链接,我更新了答案:)
    • 对于那些不需要通过函数对格式化程序进行精细控制的人,我建议一个更简单的解决方案:weekdayFormat: 'dddd'。它适用于 date-fns 格式化程序。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-02-04
    • 1970-01-01
    • 2020-12-08
    • 2018-04-19
    • 1970-01-01
    相关资源
    最近更新 更多