ant-design/components/time-picker/demo/basic.md

34 lines
660 B
Markdown
Raw Normal View History

2016-03-31 09:40:55 +08:00
---
order: 0
title:
2016-07-26 11:03:44 +08:00
zh-CN: 基本
en-US: Basic
2016-03-31 09:40:55 +08:00
---
2015-11-16 23:11:41 +08:00
2016-07-26 11:03:44 +08:00
## zh-CN
2016-11-11 16:06:11 +08:00
点击 TimePicker然后可以在浮层中选择或者输入某一时间。
2015-11-16 23:11:41 +08:00
## en-US
2016-07-26 11:03:44 +08:00
2016-11-11 16:06:11 +08:00
Click `TimePicker`, and then we could select or input a time in panel.
2016-07-26 11:03:44 +08:00
```tsx
import { TimePicker } from 'antd';
import dayjs from 'dayjs';
import customParseFormat from 'dayjs/plugin/customParseFormat';
2022-05-21 22:14:15 +08:00
import React from 'react';
dayjs.extend(customParseFormat);
2015-11-16 23:11:41 +08:00
const onChange = (time: Moment, timeString: string) => {
console.log(time, timeString);
};
2015-11-19 15:53:40 +08:00
const App: React.FC = () => (
2022-04-13 14:27:29 +08:00
<TimePicker onChange={onChange} defaultOpenValue={dayjs('00:00:00', 'HH:mm:ss')} />
);
export default App;
2019-05-07 14:57:32 +08:00
```