diff --git a/components/datepicker/demo/size.md b/components/datepicker/demo/size.md index d42f89e549dfe9a73b98718d03c9de401434901f..d4c9cd09a52326b10c415322d2150fc616d1f38f 100644 --- a/components/datepicker/demo/size.md +++ b/components/datepicker/demo/size.md @@ -11,9 +11,9 @@ var Datepicker = antd.Datepicker; React.render(
- + - +
, document.getElementById('components-datepicker-demo-size')); ```` diff --git a/components/datepicker/index.jsx b/components/datepicker/index.jsx index 1638ee1fd227eb15cc8f1a9a34ed73703d4167b5..93aad23a188e4639fb4029afdc2525f822627b26 100644 --- a/components/datepicker/index.jsx +++ b/components/datepicker/index.jsx @@ -64,6 +64,12 @@ export default React.createClass({ showOk={this.props.showTime} showClear={false}/> ); + var sizeClass = ''; + if (this.props.size === 'large') { + sizeClass = ' ant-input-lg'; + } else if (this.props.size === 'small') { + sizeClass = ' ant-input-sm'; + } return ( + className={'ant-calendar-picker-input ant-input' + sizeClass}/> ); } diff --git a/components/datepicker/index.md b/components/datepicker/index.md index 619a668c69bad1e4b3c48516e912ad7dfc2726d2..0d9e3568960e24f268f41de97a8c1d7427e41bce 100644 --- a/components/datepicker/index.md +++ b/components/datepicker/index.md @@ -27,7 +27,7 @@ | onSelect | 选择日期的回调 | function | 无 | | showTime | 显示时间选择条 | boolean | false | | disabled | 禁用 | bool | false | -| size | 输入框大小,`lg`代表高为32px,`sm`代表高为22px,默认28px | string | 无 | +| size | 输入框大小,`large`代表高为32px,`small`代表高为22px,默认28px | string | 无 |