programing

datepicker viewetify에서 날짜를 선택하면 메서드를 어떻게 호출할 수 있나요?

bestcode 2022. 8. 19. 20:50
반응형

datepicker viewetify에서 날짜를 선택하면 메서드를 어떻게 호출할 수 있나요?

제 코드펜은 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>

"call date" 버튼을 클릭하면 데이트 피커가 호출됩니다.날짜를 선택하면 메서드라고 부릅니다.

내가 어떻게 하지?

사용할 수 있습니다.@change="myMethod"또는@click:date="myMethod"v-date-picker. viewify를 읽다date-picker 자세한 내용은 문서(섹션 참조)를 참조하십시오.

언급URL : https://stackoverflow.com/questions/58337388/how-can-i-call-a-method-if-select-date-in-the-datepicker-vuetify

반응형