# Time pickers（时间选择器）

v-time-picker 是独立的组件，可以用于许多现有的 Vuetify 组件。 它为用户提供了选择时间的视觉表现。

# 使用

时间选择器默认情况下启用了浅色主题。

# API

# 示例

# 属性

# 允许的时间

您可以使用数组、对象和函数指定允许的时间。 您也可以指定时间步进/精度/间隔 - 例如10分钟。

# 标题中的AM/PM

您可以移动 AM/PM 切换到选择器的标题。

# 颜色

时间选择器颜色可以使用 color 和 header-color props设定。 如果没有提供 header-color prop, 头部将使用 color prop值。

# 禁用

您无法使用已禁用的选择器。

# 高度(z轴)

通过设置 elevation 从 0 到 24 来突出 v-time-picker 组件。 高度(z轴)将修改 box-shadow css 属性。

# 格式化

时间选择器可以切换为24小时格式。 请注意， format prop 只定义选取器的显示方式，选取器的值 (model) 总是以24小时格式。

# 无标题

您可以删除选择器的标题。

# 范围

这是一个用 min 和 max props合并选择器的例子。

# 只读

只读选择器的行为与禁用的一样，但看起来像默认的。

# 可滚动

您可以使用鼠标滚轮编辑时间选择器的值。

# 使用秒

时间选择器可以输入秒数。

# 宽度

You can specify the picker’s width or make it full width.

# 其他

# 对话框和菜单

由于选择器的灵活性，您可以真正按照自己的意愿进行输入。

了解更多？

继续学习由 我们的团队 选择的相关内容，或通过使用下面的导航链接在页面之间跳转。
在 GitHub 上编辑此页面
最后更新：11/12/2024, 6:59:50 AM