使用VeeValidate验证今天之前的日期

时间:2018-09-25 08:44:21

标签: vue.js vee-validate

我正在尝试验证Vue.js上的出生日期字段,使其仅允许今天之前的日期,但是我不确定如何对before属性或 date_between属性实施Javascript

我正在尝试按照

v-validate="'date_format:DD-MM-YYYY|before:changeDateFormat(new Date(Date.now()))'"

changeDateFormat()在哪里

changeDateFormat(dateStr) {
    if (dateStr != null) {
      var date = new Date(dateStr)
      var newDate = ("00"+(date.getDate())).slice(-2)+'-'+("00"+(date.getMonth()+1)).slice(-2)+'-'+date.getFullYear()
      return newDate
    }
    return ''

我对Vue.js很陌生,所以如果这是一个简单的问题,我深表歉意。

1 个答案:

答案 0 :(得分:0)

尝试使用规则表达式,例如object。

  

VeeValidate语法:   https://baianat.github.io/vee-validate/guide/syntax.html

例如:

data: {
    validators: {
        BirthDate: {
            required: true,
            date_format: 'dd-MM-yyyy',
            before: this.changeDateFormat(new Date(Date.now()))
        }
    }
},
methods: {
   changeDateFormat(dateStr) {
      if (dateStr != null) {
        var date = new Date(dateStr)
        var newDate = ("00" + (date.getDate())).slice(-2) + '-' + ("00" + (date.getMonth() + 1)).slice(-2) + '-' +date.getFullYear()
        return newDate
      }
    return ''
   }
},

您的指令:

v-validate="validators.BirthDate"