<template>
<div class="page">
<van-cell-group>
<van-cell
title="选择日期"
:value="datetime"
arrow
@click="showDatePicker = !showDatePicker"
></van-cell>
</van-cell-group>
<van-popup v-model="showDatePicker" position="bottom" :style="{ height: '40%' }">
<van-datetime-picker
v-model="currentDate"
@confirm="
showDatePicker = false;
onchangDate1();
"
@cancel="showDatePicker = false"
title="时间选择"
type="date"
/>
</van-popup>
</div>
vant中使用时间选择器和popup弹出层
最新推荐文章于 2024-05-22 11:26:23 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)