Блог

Главная - Вопросы по программированию - Отключить дату, если выбрана в первый раз в vuejs

Отключить дату, если выбрана в первый раз в vuejs

#vue.js #element

#vue.js #элемент

Вопрос:

 data() {
  return {
    datePickerOptions: {
          disabledDate(date) {
            // console.log(form.installation_date); // undefined form
            return date < this.form.ins_date ? this.form.ins_date : new Date();
          },
        },

}

Это говорит о том, что форма не определена, я могу понять, не могу инициализировать ввод формы внутри возврата данных, как я могу этого добиться. отключите другую дату, если она больше первой введенной даты
, пожалуйста, укажите

Комментарии:

1. из вашей скрипки вашей самой большой проблемой является возврат в datePickerOptions, которые у вас есть выше. Данные — это функция, поэтому, когда она сталкивается с a return , функция завершается, поэтому остальные ваши данные не применяются. Сделайте datePickerOptions вычисляемым свойством.

2. Я сделал, но тоже не работает

3. jsfiddle.net/reqg249h Геттер отсутствует для вычисляемого свойства «datePickerOptions».

Ответ №1:

Как я уже говорил в своем комментарии, у вас не может быть функции, возвращающей что-то в ваших данных, поэтому вам нужно перенести свою логику куда-нибудь еще. Вы можете поместить эту функцию в свои методы:

 data() {
  return {
    datePickerOptions: {
      disabledDate: this.isDateDisabled
     },
     // rest of data

…

 methods: {
  isDateDisabled(date) {
    return date < new Date(this.ruleForm.date1);
  },
Метки: ,