我如何掩盖vuetify，v-date-picker组件中的日期输入

Question

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

MyPage.vue

json_agg

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

我尝试了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验证日期