我正在使用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
任何想法我应该如何构建,以便所选日期在单击重置按钮后立即更新?
我去github repository对此发表了一个问题。但是,类似的问题位于列表顶部:Datepicker doesn't update value without hovering over it
他们说这是固定的:
实际上这在PR #4824中已解决
也许在v.2.6.0中将得到修复。