Как получить полные названия дней недели в месячном представлении в реагирующем большом календаре

Я пытаюсь получить полные имена дней в заголовке для просмотра месяца и не смог этого сделать.

Я почти уверен, что дело в функции локализации, но не смог найти решение в Интернете. Вот мой код:

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
person Ankit Patil    schedule 25.06.2019    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Вы можете попробовать что-то вроде этого

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

Ваш результат может быть таким: введите здесь описание изображения

Подробнее об API здесь: http://intljusticemission.github.io/react-big-calendar/examples/index.html#prop-formats.weekdayFormat

person Flávio Diniz Rossetto Junior    schedule 21.11.2019