选择预约送达时间

选择预约送达时间选择时间 ;预约送达时间;立即送达：

vue3setup，选择预约送达时间，仿外卖选择时间样式，目前只测试过微信小程序内，其他环境测试结果位置

作者： jcodeapp 已实名认证

进入交流群

下载人数: 18 下载次数: 24

收藏人数: 7

（3）

插件ID：jcode-selectDeliveryTime

插件包体积：3.1KB

更新日期：2025-03-25

版本：1.0

下载插件并导入HBuilderX

注意：导入此插件需要使用 2.9+ 以上版本的 HBuilderX

赞赏（0）

本站所有收费插件均支持免费试用，切勿私下交易或购买不可正常试用的插件，而造成不必要的纠纷。

更新记录

1.0（2025-03-25）下载此版本

无

平台兼容性

uni-app

Vue2	Vue3	Chrome	Safari	app-vue	app-nvue	Android	iOS	鸿蒙
×	√	-	-	-	-	-	-	-

微信小程序	支付宝小程序	抖音小程序	百度小程序	快手小程序	京东小程序	鸿蒙元服务	QQ小程序	飞书小程序	快应用-华为	快应用-联盟
-	-	-	-	-	-	-	-	-	-	-

使用方式

<view style="display:flex;align-items: center;justify-content: space-between;width: 100%;font-size: 30rpx;">
    <view>配送时间</view>
    <view style="color: gray;"  @click="open">{{checkTimeValue}}
        <uni-icons type="right" color="gray" size="18"></uni-icons>
    </view>
</view>
<jcode-selectDeliveryTime @checkTime="checkTime" ref="selectDeliveryTimeRef" title="选择预计送达时间"></jcode-selectDeliveryTime>

const selectDeliveryTimeRef = ref()
const checkTimeValue = ref('立即配送')

const open = () => {
    selectDeliveryTimeRef.value.open()
}
//选择的时间
const checkTime = (e) => {
    checkTimeValue.value = e
}