检测bootstrap-vue日期选择器中v-for中每个元素的目标

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了检测bootstrap-vue日期选择器中v-for中每个元素的目标相关的知识,希望对你有一定的参考价值。

我正在尝试获取由target渲染的每个datepickerv-for

我需要在每个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

我正在尝试获取v-for呈现的每个日期选择器的目标。我需要在每个日期选择器上禁用不同的日期,同时要记住v-for循环正在元素上进行迭代...

答案

如果您只需要发送第三个论点,那么您不能这样做

以上是关于检测bootstrap-vue日期选择器中v-for中每个元素的目标的主要内容,如果未能解决你的问题,请参考以下文章

在引导日期选择器中启用特定日期

如何在引导日期选择器中突出显示特定日期?

如何限制用户从日期选择器中选择过去的日期?

在日期选择器中验证日期

日期选择器中的 maxDate 选项

如何在日期选择器中禁用上一个日期