mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-09 12:59:12 +08:00
35 lines
696 B
Markdown
35 lines
696 B
Markdown
---
|
|
order: 7
|
|
title:
|
|
zh-CN: 12 小时制
|
|
en-US: 12 hours
|
|
---
|
|
|
|
## zh-CN
|
|
|
|
12 小时制的时间选择器，默认的 format 为 `h:mm:ss a`。
|
|
|
|
## en-US
|
|
|
|
TimePicker of 12 hours format, with default format `h:mm:ss a`.
|
|
|
|
```tsx
|
|
import { TimePicker } from 'antd';
|
|
import type { Dayjs } from 'dayjs';
|
|
import React from 'react';
|
|
|
|
const onChange = (time: Dayjs, timeString: string) => {
|
|
console.log(time, timeString);
|
|
};
|
|
|
|
const App: React.FC = () => (
|
|
<>
|
|
<TimePicker use12Hours onChange={onChange} />
|
|
<TimePicker use12Hours format="h:mm:ss A" onChange={onChange} style={{ width: 140 }} />
|
|
<TimePicker use12Hours format="h:mm a" onChange={onChange} />
|
|
</>
|
|
);
|
|
|
|
export default App;
|
|
```
|