Настройте dateCellRender в AntDesign - PullRequest
0 голосов
/ 31 октября 2019

Можно ли добавить класс в компонент календаря специально в dateCellRender? Я создаю этот тип модуля в AntDesign.

Вот пример

Уведомление Календарь демонстрация

Я уже создавал состояние всякий раз, когда я добавилсобытие в конкретную дату. И есть условие в главном компоненте календаря

<Calendar
  className={
   state.isTaggedHoliday ? 'isTaggedHoliday' : 'isTaggedLeave'
  }
  dateCellRender={dateCellRender}
  monthCellRender={monthCellRender}
  onPanelChange={changeCalendarMode}
  onSelect={showLeaveListModal}
/>

Но я не уверен, куда вставить класс для этой конкретной даты, отмеченной в календаре

1 Ответ

1 голос
/ 31 октября 2019

Вы можете добавить className, но вам нужно нацелиться на право CSS class.

.ant-fullcalendar-fullscreen
  .ant-fullcalendar-month-panel-selected-cell
  .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen
  .ant-fullcalendar-selected-day
  .ant-fullcalendar-date {
  background: palegreen;
}

Antd - это система проектирования , поэтому стилизуйте ее компонент следующим образомне рекомендуется.

Edit Q-58637965-AntdTableCell

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...