ant-design/components/time-picker/demo/interval-options.md

---
order: 5
title:
  zh-CN: 步长选项
  en-US: interval option
---

## zh-CN

可以使用 `hourStep` `minuteStep` `secondStep` 按步长展示可选的时分秒。

## en-US

Show stepped options by `hourStep` `minuteStep` `secondStep`.

```jsx
import { TimePicker } from 'antd';

export default () => <TimePicker minuteStep={15} secondStep={10} />;
```
Upgrade rc-time-picker to 3.0.0 Add `hourStep` `minuteStep` `secondStep` 2017-10-28 15:00:56 +08:00			`---`
			`order: 5`
			`title:`
			`zh-CN: 步长选项`
			`en-US: interval option`
			`---`
:lipstick: prittier all files 2019-05-07 14:57:32 +08:00
Upgrade rc-time-picker to 3.0.0 Add `hourStep` `minuteStep` `secondStep` 2017-10-28 15:00:56 +08:00			`## zh-CN`

			可以使用 `hourStep` `minuteStep` `secondStep` 按步长展示可选的时分秒。

			`## en-US`

			Show stepped options by `hourStep` `minuteStep` `secondStep`.

:lipstick: prittier all files 2019-05-07 14:57:32 +08:00			```jsx
Upgrade rc-time-picker to 3.0.0 Add `hourStep` `minuteStep` `secondStep` 2017-10-28 15:00:56 +08:00			`import { TimePicker } from 'antd';`

docs: demo support react18 (#34843) * 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 2022-04-03 23:27:45 +08:00			`export default () => <TimePicker minuteStep={15} secondStep={10} />;`
:lipstick: prittier all files 2019-05-07 14:57:32 +08:00			```