### 何时使用

当在表单中需要时间输入，或表格中需要进行时间条件筛选时。

### 组件搭配使用

##### 可与日期选择器一起使用，表达某日期精准的时间。

<div class="legend">
  <div class="item">
    <img src="https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/design/20211221150811.png" />
  </div>

  <div class="item"></div>
</div>

### 常见用法

##### 时间选择器常用在表单设计中。

<div class="legend">
  <div class="item">
    <img src="https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/design/timepicker-2@2x.png" />
  </div>

  <div class="item"></div>
</div>

### 相似组件

| 组件名                     | 何时使用                                                 |
| :------------------------- | :------------------------------------------------------- |
| [时间选择器](./timepicker) | 当在表单中需要时间输入，或表格中需要进行时间条件筛选时。 |
| [日期选择器](./datepicker) | 当在表单中需要日期输入，或表格中需要进行日期条件筛选时。 |
