feat(Calendar): add select event

This commit is contained in:
陈嘉涵
2019-12-26 19:59:08 +08:00
committed by neverland
parent 43a0aed8c9
commit c447152be9
4 changed files with 22 additions and 9 deletions
+13 -7
View File
@@ -3,18 +3,18 @@
<demo-block :title="$t('basicUsage')">
<van-cell
:title="$t('selectDate')"
:value="formatDate(date.selectDate)"
is-link
@click="toggle('selectDate', true)"
/>
</demo-block>
<van-popup
v-model="show.selectDate"
round
closeable
position="bottom"
>
<van-calendar v-model="date.selectDate" :title="$t('title')" />
<van-popup v-model="show.selectDate" round closeable position="bottom">
<van-calendar
v-model="date.selectDate"
:title="$t('title')"
@select="show.selectDate = false"
/>
</van-popup>
</demo-section>
</template>
@@ -46,6 +46,12 @@ export default {
methods: {
toggle(type, show) {
this.show[type] = show;
},
formatDate(date) {
if (date) {
return `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()}`;
}
}
}
};