mirror of
https://github.com/ant-design/ant-design.git
synced 2025-08-06 07:56:28 +08:00
add animation for picker
This commit is contained in:
parent
e7fec9dc1a
commit
b98a302b9f
17
components/datepicker/demo/transitionName.md
Normal file
17
components/datepicker/demo/transitionName.md
Normal 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'));
|
||||||
|
````
|
@ -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)}
|
||||||
|
@ -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 |
|
||||||
|
|
||||||
|
@ -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",
|
||||||
|
Loading…
Reference in New Issue
Block a user