Date inputs （日期的输入）

v-date-input组件结合了一个文本字段和一个日期选择器。它可以直接替代标准日期输入。

WARNING

此功能需要 v3.6.0 版本。

Installation （安装）

实验室组件需要手动导入和安装该组件。

import { VDateInput } from "vuetify/labs/VDateInput";

export default createVuetify({
  components: {
    VDateInput,
  },
});

使用

v-date-input组件的核心是一个扩展了v-text-field的基本容器。

API

组件	描述
v-date-input	主要组件
v-date-picker	Date picker 日期选择器
v-text-field	Text field 输入框

Guide （指南）

v-date-input组件是标准日期输入的替代品。它为选择日期提供了一个简洁的界面，并显示了详细的选择信息。

Props （属性）

v-date-input组件扩展了v-text-field 和v-date-picker 组件;并支持他们所有的道具。

Model （模型）

默认的模型值是一个 Date 对象，但是在输入中显示为格式化的文本。

Multiple （多选）

使用multiple（多重）道具时，默认模型值是一个空数组。

Range （范围）

使用值为range的 multiple prop，选择 2 个日期来选择它们以及它们之间的所有日期。

Calendar icon （日历图标）

您可以在输入中移动日历图标，也可以完全使用prepend-icon 和 prepend-inner-icon属性来移动日历图标。

Examples （示例）

以下是演示v-date-input组件的更高级和实际使用的示例集合。

Passenger

在本例中，v-date-input组件用于选择出生日期。