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';

ReactDOM.render(<TimePicker minuteStep={15} secondStep={10} />, mountNode);
```
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';`

:lipstick: prittier all files 2019-05-07 14:57:32 +08:00			`ReactDOM.render(<TimePicker minuteStep={15} secondStep={10} />, mountNode);`
			```