在AntDesign中自定义dateCellRender

Question

是否可以在Calendar组件中专门在dateCellRender中添加类？ 我正在AntDesign中创建这种模块。

这是一个例子

Notice Calendar demo

每当在特定日期添加事件时，我已经创建了一个状态。 并在主日历组件中有一个条件

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

但是我不确定在日历中标记的特定日期在哪里插入课程

Answer 1

您可以添加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 is a Design System，因此不建议像这样设置其组件的样式。