bootstrap-vue:b-form-datepicker直到被悬停时才更新为v-model

问题描述 投票:3回答:1

我正在使用b-form-datepicker,我想使用一个附加按钮,该按钮会将所选日期重置为默认状态。该按钮还重置另一个日期选择器,输入表单和下拉多重选择。我已经成功实现了这一点,但是,当我单击“重置”时,日期选择器不会立即更新,而是仅在将其悬停或单击时才会更新。

这里是标记:

<b-btn
  variant="primary"
  class="mr-2"
  @click="resetSearch"
>
  <font-awesome-icon
    icon="undo"
    class="mr-sm-1"
  />
  <span class="d-sm-inline-block d-none">Reset</span>
</b-btn>

<b-form-datepicker
  id="minDate"
  v-model="minDate"
  size="lg"
  today-button
  close-button
  start-weekday="1"
  value-as-date
  locale="en-GB"
/>

<b-form-datepicker
  id="maxDate"
  v-model="maxDate"
  size="lg"
  today-button
  close-button
  start-weekday="1"
  value-as-date
  locale="en-GB"
/>

这是我最初设置模型的方式

created () {
  this.minDate = this.$moment().subtract(5, 'years').toDate()
  this.maxDate = this.$moment().toDate()
  this.dataLoaded = true
}

这是resetSearch方法

resetSearch () {
  this.publicationsSearchKeyword = ''
  this.minDate = this.$moment().subtract(5, 'years').toDate()
  this.maxDate = this.$moment().toDate()
  this.publicationsListValue = []
}

这里是一个代码笔:https://codepen.io/BBA278/pen/vYOxBgz

任何想法我应该如何构建,以便所选日期在单击重置按钮后立即更新?

javascript vuejs2 bootstrap-vue
1个回答
2
投票

我去github repository对此发表了一个问题。但是,类似的问题位于列表顶部:Datepicker doesn't update value without hovering over it

他们说这是固定的:

实际上这在PR #4824中已解决

也许在v.2.6.0中将得到修复。

© www.soinside.com 2019 - 2024. All rights reserved.