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

Question

[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>

Comments

[Alice]

Код приложи...

Answer 1

[0xD34F]

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...

Comments

[Sergey750il]

А как к другим месяцам привязать?

[0xD34F]

Sergey750il, разрешаю вам указывать такие месяцы, какие захотите.

Answer 2

[Rsa97]

Используйте customPredictor. Напишите функцию, которая будет возвращать false для дат, которые нужно разрешить и true для всех остальных.