Vuetify 3 中 Vuetify 2 v-date-picker 的替代品是什么?

use*_*100 5 vuetify.js

我有一个在 Laravel 9 Vue2 和 Vuetify 2 应用程序中使用的自定义组件v-date-picker。我正在将其升级到 Laravel 10 Vue3/Vuetify 3。我无法在 Vuetify 3 中找到日期选择器(https://vuetifyjs.com/en/)。Vuetify3 中有日期选择器吗?如果没有,您建议用什么来代替?(我需要控制用户是否可以输入过去或未来的日期)。

Joe*_*ePC 8

您可以使用v-text-fieldwith type="date",它使用浏览器的日期选择器:
<v-text-field type="date" label="Date"></v-text-field>

以下是它在 Chrome 中的呈现方式,与 Edge 中的呈现方式非常相似:
在 Chrome 中渲染的 v-text-field 类型为“date”

  • 感谢您的投入。使用此日期控件添加不允许未来或过去日期之类的选项是否困难? (2认同)

小智 1

从版本 v3.3.4 开始,日期选择器组件可用:

<v-date-picker></v-date-picker>
Run Code Online (Sandbox Code Playgroud)

https://vuetifyjs.com/en/components/date-pickers/