Vuetify 从日期起仅选择年份 (YYYY)

Question

如何仅从 Vuetify Datepicker 中选择年份？

我有一个要求，我需要一个下拉菜单来选择年份YYYY。

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

Answer 1

我在日期选择器的源代码中看到该year类型已计划并将在将来实现。来自源代码道具：

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

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

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