# 自定义渲染

- order: 2

用 `dateCellRender` 和 `monthCellRender` 函数来自定义需要渲染的数据。

---

````jsx
import { Calendar } from 'antd';

function dateCellRender(value) {
  return <span>date</span>;
}

function monthCellRender(value) {
  return <span>month</span>;
}

ReactDOM.render(
  <Calendar type="date" dateCellRender={dateCellRender} monthCellRender={monthCellRender} />
, document.getElementById('components-calendar-demo-custom-render'));
````