bootstrap - vue: b-form-datepicker не обновляется до v-модели, пока не будет завис - PullRequest
Новая
       32

bootstrap - vue: b-form-datepicker не обновляется до v-модели, пока не будет завис

3 голосов
/ 25 февраля 2020

Я использую 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

Есть идеи, как мне построить это, чтобы выбранная дата обновлялась сразу после нажатия кнопки сброса?

1 Ответ

3 голосов
/ 25 февраля 2020

Я пошел в репозиторий github , чтобы открыть вопрос об этом. Тем не менее, аналогичная проблема была в верхней части списка: Datepicker не обновляет значение без наведения на него значения

Говорят, что оно было исправлено в запросе на извлечение:

На самом деле это исправлено в PR # 4824

Возможно, в v.2.6.0 это будет исправлено.

Обновление:

Bootstrap v2.6.0 был выпущен 05 марта 2020 года и включает исправление этой проблемы.

Исправления ошибок v2.6.0

b-form-date-picker : обработка фокуса меню для Firefox и Safari в MacOS и исправление проблемы обновления v-модели (закрывается # 4814, # 4827) ( # 4824 ) (09fa920)

...