概述

时间字段格式应包括小时、分钟和秒，例如 09:32:46，它适应24 小时格式。

当需要安排特定时间（例如计划会议时间）时，请使用时间选择器。

用法

什么时候使用

• 希望用户选择一个时间。
• 希望用户选择一个时间范围。在这种情况下，一个时间选择器可用于设置开始时间，第二个用于设置结束时间。
• 希望用户选择详细的持续时间，例如12分23秒。

什么时候不使用

• 希望用户选择一个持续时间，例如15分钟、30分钟、1小时或2小时。
• 当用户想要选择日期，或者日期范围请选择日期选择器

构成元素

1. 标签：指示用户，组件的含义
2. 选择/输入框：用户可以手动输入时间和触发下拉时间
3. 时间图标：图标表示选择框属性
4. 时间：小时：分钟：秒
5. 按钮：确定、取消的动作
6. 时间：可以选择时间的组件

类型

出现方式

点击时间输入框触发时间下拉框 点击取消/确认按钮收起

尺寸

时间选择器有三种尺寸：小 (24px)、中 (32px) 和大 (40px)

时间下拉框尺寸：160x200PX

跨端的变化

• Pad 时间选择器从右侧弹出
• Phone

在Pad和Phone上，用户可以通过点击时间选择器按钮来选择时间。在移动设备上打开一个子视图。用户通过分别触摸小时/分钟/秒元素然后向上或向下滑动来设置小时。

为了确认选择的时间，用户点击确定按钮。点击取消按钮取消选择。

出现方式

• 点击时间输入框触发时间下拉框
• 点击取消/确认按钮收起