Yan4on
@Yan4on
Trainee Front-end dev

Vuetify — календарь с выборкой только года?

Привет.
Есть задача сделать календарь, в котором доступен для выбора только год.
В календаре есть поле "От" и "До", между датами происходит фильтрация.
На данный момент я имею ситуацию, при которой первый клик по каждому из полей дает желаемый результат, НО если год нужно изменить, у меня появляется в одном из полей(произвольно) выбор месяца.

- Полагаю дело в этом участке, но не знаю как мне сделать лучше.
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", я все еще не понимаю что с этим делать
  • Вопрос задан
  • 216 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы