mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-17 19:00:15 +08:00
6776bb8916
* docs: update demo * chore: add script * test: fix demo test * docs: convert demos * chore: move script * test: remove react-dom import * chore: update deps * docs: update riddle js * test: fix image test * docs: fix riddle demo
795 B
795 B
| order | title | ||||
|---|---|---|---|---|---|
| 6 |
|
zh-CN
在 TimePicker 选择框底部显示自定义的内容。
en-US
Render addon contents to time picker panel's bottom.
import { TimePicker, Button } from 'antd';
class TimePickerAddonDemo extends React.Component {
state = { open: false };
handleOpenChange = open => {
this.setState({ open });
};
handleClose = () => this.setState({ open: false });
render() {
return (
<TimePicker
open={this.state.open}
onOpenChange={this.handleOpenChange}
renderExtraFooter={() => (
<Button size="small" type="primary" onClick={this.handleClose}>
OK
</Button>
)}
/>
);
}
}
export default () => <TimePickerAddonDemo />;