@Sergey750il

Как отключить все даты, кроме нескольких в датапикере?

Использую этот плагин для датапикера, но не могу понять как отключить все даты кроме нескольких?
<script>
import Datepicker from "vuejs-datepicker";
import { ru } from "vuejs-datepicker/dist/locale";
export default {
  data() {
    return {
      ru: ru,
      highlighted: {
        // dates: [
        //   // Highlight an array of dates
        //   new Date(2021, 3, 16),
        //   new Date(2021, 4, 17),
        //   new Date(2021, 4, 18),
        // ],
 
    
        includeDisabled: false, // Highlight disabled dates
      },
    };
  },
  components: {
    Datepicker,
  },
};
</script>
  • Вопрос задан
  • 77 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
data() {
  return {
    dates: [ массив допустимых дат, в числовом виде (количество миллисекунд) ],
    disabledFn: {
      customPredictor: date => !this.dates.includes(new Date(date).setHours(0, 0, 0, 0)),
    },
  };
},

<datepicker :disabledDates="disabledFn" />

https://codesandbox.io/s/for-httpsqnahabrcomq97203...
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
Используйте customPredictor. Напишите функцию, которая будет возвращать false для дат, которые нужно разрешить и true для всех остальных.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы