Как я могу вызвать метод, если выбрать дату в DatePicker Vuetify? - PullRequest
Новая
       35

Как я могу вызвать метод, если выбрать дату в DatePicker Vuetify?

1 голос
/ 11 октября 2019

Мой кодекс выглядит так: https://codepen.io/positivethinking639/pen/mddejJN

мой код выглядит так: 

<div id="app">
  <v-app>
    <v-content>
    <v-container>
      <v-dialog
        ref="dialogTest"
        v-model="modalTest"
        :return-value.sync="dateTest"
        persistent
      >
        <template v-slot:activator="{ on }">
          <v-btn color="success" dark v-on="on">call date</v-btn>
        </template>
        <div class="text-center title">Select a Date & Time</div>
        <v-row justify="center">
        <v-date-picker v-model="dateTest" scrollable :allowed-dates="allowedDates">
          <div class="flex-grow-1"></div>
          <v-btn text color="primary" @click="modalTest = false">Cancel</v-btn>
          <v-btn text color="primary" @click="saveData">OK</v-btn>

        </v-date-picker>
        <v-slide-y-transition>
            <v-col cols=2 v-show="dateTest !== null">
              <template v-for="allowedTime in allowedTimes">
                <v-btn
                  @click="setTime(allowedTime)"
                  class="my-2"
                  :outlined="allowedTime !== time"
                  block
                  x-large
                  color="primary"
                >{{ allowedTime }}</v-btn>
              </template>
            </v-col>
          </v-slide-y-transition>
          </row>
      </v-dialog>

    {{dateTest}}
  </v-container>
  </v-content>
  </v-app>
</div>

Если я нажму кнопку «Дата звонка», он вызовет DatePicker. Если я выбираю дату, я хочу, чтобы она вызывала метод

Как я могу это сделать?

1 Ответ

2 голосов
/ 11 октября 2019

Вы можете использовать @change="myMethod" или @click:date="myMethod" на v-date-picker. Прочитайте vuetify date-picker документацию (раздел событий) для получения дополнительной информации.

...