# Date pickers - month (月份选择器)

v-date-picker 可以用作一个独立的月份选择器组件。

# 使用

月份选择器有两种方向变化:纵向 (默认) 和横向。

# API

# 注意

# 示例

# 属性

# 允许的月份

您可以使用数组、对象或函数指定允许的月份。

# 颜色

可以使用colorheader-color prop 设置月份选取器的颜色。 如果没有提供 header-color prop, 头部将使用 color prop值。

# 图标 (Icons)

您可以覆盖选择器中使用的默认图标。

# 多选

月份选择器现在可以使用 multiple prop 选择多个月份。 如果使用 multiple ,月份选择器就会要求它的model是一个数组。

# 只读

可以添加 readonly prop 来禁用选择新日期。

# 显示当前月份

默认情况下,当前月份使用边框按钮显示 - show current prop 允许您删除边框或选择其他月份作为当前月份显示。

# 宽度

您可以指定选择器的宽度或使其宽度切边(100%)。

# 其他

# 对话框和菜单

将选择器集成到 v-text-field 中时,建议使用 readonly prop。 这将防止手机键盘触发。 要节省垂直空间,还可以隐藏选择器标题。

拾取器公开一个允许您挂起保存和取消功能的插槽。 这将保持一个用户取消时可以替换的旧值。

# 国际化

月份选择器支持通过JavaScript日期对象进行国际化。 使用 locale prop 属性指定BCP 47语言标记。

# 方向

月份选择器有两种方向变化:纵向 (默认) 和横向。

了解更多?

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