Форматирование дат заголовков столбцов в FullCalendar

Я пытался изменить формат дат, которые отображаются в заголовках столбцов дня в представлении недели / временной сетки Fullcalendar:

Я использую V5 вместе с moment.js.

Просматривая документы, я оказался здесь: https://fullcalendar.io/docs/v5/day-header-render-hooks

Это код, который я пробовал при инициализации календаря:

dayHeaderFormat: function(date){
    return moment(date.weekday).format('ddd');
}

В результате для каждого заголовка отображается сегодняшний день (чт), а не правильные дни.

Моя следующая проблема заключается в том, что я не уверен, как соответствующим образом отформатировать остальную часть даты - это нацелено на элемент "день недели" объекта даты, но я не мог понять, как отформатировать всю дату за один раз (если это возможно). Я хочу, например, просто отобразить "Чт, 14-е".

Любая помощь или совет приветствуются!

2 ответа

Решение
dayHeaderContent: (args) => {
    return moment(args.date).format('ddd Do')
}

Новая функция поставляет args вместо того dateобъект. Итак, вы получаете к ним доступ с помощьюargs.date а затем отформатируйте, используя moment

но используя

      dayHeaderContent: (args) => {
return moment(args.date).format('ddd Do')
}

возникла проблема в месяц .... начало месяца с января по июнь введите описание изображения здесь

Другие вопросы по тегам