ant-design/components/calendar/demo/custom-render.md

25 lines
518 B
Markdown

# 自定义渲染
- order: 1
`dateCellRender``monthCellRender` 函数来自定义需要渲染的数据。
---
````jsx
import { Calendar } from 'antd';
function dateCellRender(value) {
return <div>自定义日数据 {value.getDayOfMonth()}</div>;
}
function monthCellRender(value) {
return <div>自定义月数据 {value.getMonth()}</div>;
}
ReactDOM.render(
<Calendar defaultValue={new Date('2010-10-10')}
dateCellRender={dateCellRender} monthCellRender={monthCellRender} />
, mountNode);
````