반응형
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
반응형
'programing' 카테고리의 다른 글
Vuex에서의 변환 유형의 실제 사용 (0) | 2022.08.19 |
---|---|
무엇 현재 GCC(우분투 특히)의 기본 C-std 표준 버전일까요? (0) | 2022.08.19 |
정의되지 않은 lodash groupby 키 변경 (0) | 2022.08.18 |
Java String을 바이트로 변환하는 방법[] (0) | 2022.08.18 |
구조에서 변수 이름 앞에 있는 점은 무엇을 의미합니까? (0) | 2022.08.18 |