How to disable all dates except a few in the datepicker?

Question

Vue.js

I'm using this datepicker plugin but can't figure out how to disable all but a few dates?

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

Answer 1

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

Answer 2

Use customPredictor. Write a function that will return false for the dates you want to allow and true for all others.