vue.js - Vuetify 从日期开始仅选择年份 (YYYY)

Question

我如何从 Vuetify Datepicker 中只选择年份？

我有一个要求，我需要一个下拉列表来仅选择年份 YYYY。

但默认的 Vuetify 日期选择器会选择整个 YYYY-MM-DD 格式。

Answer 1

我在日期选择器的源代码中看到 year 类型已计划并将在未来实现。来自源代码 Prop :

 type: String,
  default: 'date',
  validator: type => ['date', 'month'].includes(type) // TODO: year
},

但我可以通过解决方法 no-title 实现这一点，防止日期选择器切换到月/日窗口并关闭 v-menu。您可以看到工作示例 - Changed codepen from docs .

如果需要，您还可以调整标题和标题的格式以获得更好的结果。