Я хотел бы иметь возможность устанавливать выбранные даты компонента vue financial-calendar (версия 2.8.87) (https://github.com/Digital-Threads/vue-functional-calendar). Я настроил v-модель и могу определять даты, выбранные щелчком мыши.
Но если я устанавливаю выбранные даты из функции javascript, календарь не обновляется и фактически отмечает / выбирает эти даты. Ниже приведен минимальный пример кода. Если кто-то уже сделал это, я был бы очень благодарен за любой совет.
<template>
<div>
<FunctionalCalendar
v-model="calendarData"
:configs="calendarConfigs"
ref="Calendar">
</FunctionalCalendar>
<b-form @submit="getCal">
<b-button class="button float-right" type="submit" variant="success">Submit</b-button>
</b-form>
</div>
</template>
<script>
import { FunctionalCalendar } from 'vue-functional-calendar';
export default {
components:{FunctionalCalendar},
name: 'CustomerArea',
data() {
return {
calendarData:{
selectedDates : []
},
calendarConfigs:{
isMultipleDatePicker : true
},
};
},
methods: {
getCal: function(){
console.log("getCal called");
this.calendarData.selectedDates = [{date: '21/7/2020'}];
}
}
};
</script>