ant-design/components/calendar/demo/custom-render.md
Benjy Cui 4026221d45 deps: hello moment (#2887)
* deps: upgrade TimePicker

* deps: upgrade DatePicker

* deps: upgrade Calendar

* fix: moment should work with LocaleProvider

* feat: update API of TimePicker

* feat: update Calendar's APIs

* feat: update DatePicker's APIs

* doc: update demo

* revert: add dateString and timeString and so on

* feat: add Calendar[defaultValue]

* feat: add defaultPickerValue

* docs: update docs about date picker

* feat: set moment locale to zh-cn automatically
2016-09-09 13:55:21 +08:00

712 B

order title
1
zh-CN en-US
自定义渲染 Custom Render

zh-CN

dateCellRendermonthCellRender 函数来自定义需要渲染的数据。

en-US

This component can be rendered by using dateCellRender and monthCellRender with the data you need.

import { Calendar } from 'antd';
import moment from 'moment';

function dateCellRender(value) {
  return <div>自定义日数据 {value.date()}</div>;
}

function monthCellRender(value) {
  return <div>自定义月数据 {value.month()}</div>;
}

ReactDOM.render(
  <Calendar defaultValue={moment('2010-10-10', 'YYYY-MM-DD')}
    dateCellRender={dateCellRender} monthCellRender={monthCellRender}
  />
, mountNode);