【问题标题】:how can I mask date input in vuetify, v-date-picker component如何在 vuetify、v-date-picker 组件中屏蔽日期输入
【发布时间】:2020-10-21 20:08:27
【问题描述】:

我正在尝试添加一个输入,以允许用户输入格式为 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 个月)

任何帮助将不胜感激!

【问题讨论】:

    标签: javascript vue.js vuetify.js


    【解决方案1】:

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

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

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

    【讨论】:

    • 感谢您的回复,但从您提供的文档来看:“在大多数情况下,您不应该为新项目选择 Moment。”此外,它与 DatePicker 包,结果与 v-mask 和 vue-the-mask 相同
    • 您可以为此尝试另一个库。检查 Vuetify 文档vuetifyjs.com/en/components/date-pickers/…
    猜你喜欢
    • 2019-07-12
    • 2020-08-16
    • 2020-11-25
    • 2020-01-01
    • 2020-10-14
    • 1970-01-01
    • 2020-04-21
    • 2021-08-04
    • 1970-01-01
    相关资源
    最近更新 更多