Проблема с большим календарем React ⇐ Javascript
-
Гость
Проблема с большим календарем React
Я использую большую библиотеку календарей React в учебных целях, но, похоже, она работает не очень хорошо. Я выполнил правильные шаги, используя date-fns, но проблема в том, что информация не отображается, год отображается как «гггг», а дни недели по-прежнему отображаются как «cccc», кроме того, время не отображается. , а также каждое соответствующее число дня.
Вот мой репозиторий, если хотите, можете посмотреть: https://github.com/K1mera/Calendar
В любом случае, я также вставляю сюда свой код:
import { Calendar } из "react-big-calendar"; импортировать "react-big-calendar/lib/css/react-big-calendar.css"; импортировать {addHours} из "date-fns"; import { localizer, getMessages } из "../../helpers"; импортировать { NavBar, CalendarEvent } из "../../календаря" константные события = [{ название: 'бла', примечания: 'dsfsafasdfs', начало: новая дата(), конец: addHours(новая дата(), +2), bgColor: '', пользователь: { идентификатор: '22', имя: 'Джонни Се' } }] экспортировать const CalendarPage = () => { const getEventStyle = (событие, начало, конец, isSelected) => { } возвращаться ( ); } Это помощник, который я создал для очистки кода в моем компоненте календаря:
import { dateFnsLocalizer } из "react-big-calendar"; импортировать {format, parse, startOfWeek, getDay} из "date-fns"; импортировать enUS из «date-fns/locale/en-US»; константные локали = { «en-US»: enUS, }; экспортировать const localizer = dateFnsLocalizer({ формат, анализировать, начало недели, получитьДень, локали, }); Большое спасибо за помощь!
Я пытался найти предыдущие вопросы, но ни один из них не имел отношения к моей проблеме. Чат gpt рекомендовал мне очистить кеш и удалить пакет date-fns, но ничего не помогло.
Я использую большую библиотеку календарей React в учебных целях, но, похоже, она работает не очень хорошо. Я выполнил правильные шаги, используя date-fns, но проблема в том, что информация не отображается, год отображается как «гггг», а дни недели по-прежнему отображаются как «cccc», кроме того, время не отображается. , а также каждое соответствующее число дня.
Вот мой репозиторий, если хотите, можете посмотреть: https://github.com/K1mera/Calendar
В любом случае, я также вставляю сюда свой код:
import { Calendar } из "react-big-calendar"; импортировать "react-big-calendar/lib/css/react-big-calendar.css"; импортировать {addHours} из "date-fns"; import { localizer, getMessages } из "../../helpers"; импортировать { NavBar, CalendarEvent } из "../../календаря" константные события = [{ название: 'бла', примечания: 'dsfsafasdfs', начало: новая дата(), конец: addHours(новая дата(), +2), bgColor: '', пользователь: { идентификатор: '22', имя: 'Джонни Се' } }] экспортировать const CalendarPage = () => { const getEventStyle = (событие, начало, конец, isSelected) => { } возвращаться ( ); } Это помощник, который я создал для очистки кода в моем компоненте календаря:
import { dateFnsLocalizer } из "react-big-calendar"; импортировать {format, parse, startOfWeek, getDay} из "date-fns"; импортировать enUS из «date-fns/locale/en-US»; константные локали = { «en-US»: enUS, }; экспортировать const localizer = dateFnsLocalizer({ формат, анализировать, начало недели, получитьДень, локали, }); Большое спасибо за помощь!
Я пытался найти предыдущие вопросы, но ни один из них не имел отношения к моей проблеме. Чат gpt рекомендовал мне очистить кеш и удалить пакет date-fns, но ничего не помогло.
Мобильная версия