add animation for picker

This commit is contained in:
yiminghe 2015-07-01 15:54:39 +08:00
parent e7fec9dc1a
commit b98a302b9f
4 changed files with 20 additions and 1 deletions

View File

@ -0,0 +1,17 @@
# 基本
- order: 0
启用动画。
---
````jsx
var Datepicker = antd.Datepicker;
React.render(
<Datepicker
transitionName="slide-up"
value="" />
, document.getElementById('components-datepicker-demo-transitionname'));
````

View File

@ -68,6 +68,7 @@ export default React.createClass({
); );
return ( return (
<Datepicker <Datepicker
transitionName={this.props.transitionName}
trigger={<span className="ant-calendar-picker-icon" />} trigger={<span className="ant-calendar-picker-icon" />}
calendar={calendar} calendar={calendar}
formatter={new DateTimeFormat(this.props.format)} formatter={new DateTimeFormat(this.props.format)}

View File

@ -23,6 +23,7 @@
| value | 日期 | string | 无 | | value | 日期 | string | 无 |
| format | 展示的日期格式 | string | "yyyy-MM-dd" | | format | 展示的日期格式 | string | "yyyy-MM-dd" |
| disabled | 不可选择的日期 | function | 无 | | disabled | 不可选择的日期 | function | 无 |
| transitionName | 动画名称 | String.可取 'slide-up' | 无. |
| onSelect | 选择日期的回调 | function | 无 | | onSelect | 选择日期的回调 | function | 无 |
| showTime | 显示时间选择条 | boolean | false | | showTime | 显示时间选择条 | boolean | false |

View File

@ -14,7 +14,7 @@
"dependencies": { "dependencies": {
"gregorian-calendar": "~3.0.0", "gregorian-calendar": "~3.0.0",
"gregorian-calendar-format": "~3.0.1", "gregorian-calendar-format": "~3.0.1",
"rc-calendar": "~3.9.0", "rc-calendar": "~3.10.0",
"rc-dialog": "~4.3.5", "rc-dialog": "~4.3.5",
"rc-dropdown": "~1.1.1", "rc-dropdown": "~1.1.1",
"rc-input-number": "~2.0.0", "rc-input-number": "~2.0.0",