Проверка даты до сегодняшнего дня с VeeValidate

Я пытаюсь проверить поле даты рождения на Vue.js, чтобы разрешить даты только до сегодняшнего дня, но я не уверен, как реализовать Javascript в before или атрибуты date_between атрибутов

Я пытаюсь сделать что-то вроде

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, поэтому прошу прощения, если это простой вопрос.


person Darren Chan    schedule 25.09.2018    source источник


Ответы (1)


Попробуйте использовать выражение правил вроде объекта.

Синтаксис 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"
person Sergey Safronov    schedule 04.04.2019