antd dateCellRender如何自定义渲染日期单元格背景色

要自定义渲染日期单元格背景色，可以使用 `dateCellRender` 属性和自定义函数来实现。 `dateCellRender` 属性可以接受一个函数作为参数，该函数返回一个自定义的 React 组件，用于渲染日期单元格。

下面是一个示例代码，可以自定义渲染日期单元格背景色：

import { DatePicker } from 'antd';

function dateCellRender(value) {
  const date = value.date();
  const style = {};

  if (date === 1) {
    style.backgroundColor = 'red';
  } else if (date === 15) {
    style.backgroundColor = 'green';
  }

  return (
    <div style={style} className="ant-picker-cell-inner">
      {date}
    </div>
  );
}

function CustomDatePicker() {
  return (
    <DatePicker
      dateCellRender={dateCellRender}
    />
  );
}

在这个示例中，我们定义了一个 `dateCellRender` 函数，该函数接受一个 `value` 参数，表示当前日期单元格的值。我们通过检查日期的值，来决定设置不同的背景颜色。

最后，我们将 `dateCellRender` 函数作为 `DatePicker` 组件的属性传递，以实现自定义渲染日期单元格背景色。