检测bootstrap-vue日期选择器中v-for中每个元素的目标
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了检测bootstrap-vue日期选择器中v-for中每个元素的目标相关的知识,希望对你有一定的参考价值。
我正在尝试获取由target
渲染的每个datepicker
的v-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中每个元素的目标的主要内容,如果未能解决你的问题,请参考以下文章