在bootstrap-vue datepicker中检测v-for中每个元素的目标

Question

我正在尝试获取 v-for 渲染的每个 datepicker 的 target。

我需要在每个 datepicker 上禁用不同的日期，请记住 v-for 循环正在遍历 elements 变量，这是一个可以不同的数字每次执行。我正在使用 prop date-disabled-fn 来停用日期，但我需要在每次迭代中此函数也会停用前一个 datepicker.

中加载的日期之前的所有日期

我知道如何停用日期，但我需要知道datepicker我在执行停用功能时处于什么状态，以便添加停用日期的条件。这是 v-for 循环。

<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 使用两个参数表明我不知道如何添加第三个参数，或者是否有某种方法可以用另一种方式检测 target。

Bootstrap-vue datepicker documentation

Answer 1

如果你只需要发送第三个参数，那你不可以吗

:date-disabled-fn="(ymd, date) => dateDisabled(ymd, date, elem)"

在bootstrap-vue datepicker中检测v-for中每个元素的目标

Detect the target of each element in v-for in bootstrap-vue datepicker

datepicker

vue.js

vue-component

bootstrap-vue