Я пытаюсь получить target каждого из datepicker, представленного v-for.
Мне нужно отключить разные даты для каждого из datepicker, учитывая, что v-for l oop перебирает переменную elements, которая может быть разной в каждом исполнении , Я использую prop date-disabled-fn для деактивации дат, но мне нужно, чтобы в каждой итерации эта функция также деактивировала все даты до даты, загруженной в предыдущей datepicker.
Я знаю, как деактивировать даты , но мне нужно знать, в каком datepicker я состою при выполнении функции деактивации, чтобы добавить условие, которое деактивирует даты. Это v-for l oop.
<div v-for="elem in elements" :key="elem">
<label :for="'datepicker' + elem" v-text="'My element ' + elem"></label>
<b-form-datepicker
:id="'datepicker' + elem"
v-model="inputs.dates[elem]"
class="mb-2"
v-bind="labels[locale] || {}"
:date-disabled-fn="dateDisabled"
:locale="locale"
:start-weekday="weekday"
></b-form-datepicker>
</div>
И эта функция деактивации в methods
dateDisabled(ymd, date) {
const weekday = date.getDay();
const day = date.getDate();
if(weekday === 0 || weekday === 6) {
return true
}
// I want to detect the target here.
}
prop :date-disabled-fn использует два аргумента show I не знаю, как добавить третий аргумент или есть какой-то способ обнаружить target другим способом.
Bootstrap - vue документация по датеру