Привет.
Есть задача сделать календарь, в котором доступен для выбора только год.
В календаре есть поле "От" и "До", между датами происходит фильтрация.
На данный момент я имею ситуацию, при которой первый клик по каждому из полей дает желаемый результат, НО если год нужно изменить, у меня появляется в одном из полей(произвольно) выбор месяца.
- Полагаю дело в этом участке, но не знаю как мне сделать лучше.
watch: {
menu_from (val) {
val && this.$nextTick(() => (this.$refs.picker.activePicker = 'YEAR'))
},
menu_to (val) {
val && this.$nextTick(() => (this.$refs.picker.activePicker = 'YEAR'))
},
},
Остальной код:
computed: {
from_dateNom () {
return this.from_dateNomRaw ? moment(this.from_dateNomRaw).format('YYYY') : ''
},
to_dateNom () {
return this.to_dateNomRaw ? moment(this.to_dateNomRaw).format('YYYY') : ''
},
<template v-slot:activator="{ on, attrs }">
<v-text-field
class="from-date mr-1"
:value="from_dateNom"
label="От"
readonly
append-icon="mdi-calendar"
outlined
hide-details
clearable
v-bind="attrs"
v-on="on"
></v-text-field>
</template>
<v-date-picker
v-model="from_dateNomRaw"
no-title
:first-day-of-week="1"
:max="todayMix"
reactive
show-current
type="month"
ref="picker"
color="primary"
locale="ru"
@input="menu_from = false"
scrollable
>
</v-date-picker>
upd: Да, действительно на втором клике на строку с годом, у меня activePicker меняется с "YEAR" на "MONTH", я все еще не понимаю что с этим делать