如何在 vuetify、v-date-picker 组件中屏蔽日期输入

Question

我正在尝试添加一个输入，以允许用户输入格式为 locale dd/mm/YYYY 的日期。

MyPage.vue

<v-date-picker
  class="custom-input"
  hide-details
  v-model="date"
  ref="paDate"
  readonly
  hideDetails/>

export default {
  data() {
    return {
      date: new Date()

我尝试了 v-mask 和 vue-the-mask，但都显示 01012020

我也想知道是否可以检查输入的日期是否为有效日期（第 1-31 天/第 1-12 个月）

任何帮助将不胜感激！

Answer 1

您可以为此使用 moment.js。例如：

import moment from 'moment'

  data() {
   return {
    date: moment().format("DD/MM/YYYY")
   }
  }

更多关于格式化选项的信息here 也可以使用 moment.js 验证日期