更新记录

1.0.5(2024-11-06) 下载此版本

文档更新

1.0.4(2024-07-26) 下载此版本

更改 popup 依赖

1.0.3(2024-06-26) 下载此版本

优化

查看更多

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 app-vue ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × ×

x-delivery-time

示例

<!-- vue2 -->
<x-delivery-time :model-value.sync="chooseTimeShow" @change="onChange">
    <template slot="icon">
        <check-one theme="filled" size="40" fill="skyblue"/>
    </template>
</x-delivery-time>

<!-- vue3 -->
<x-delivery-time v-model="chooseTimeShow" @change="onChange">
    <template v-slot:icon>
        <check-one theme="filled" size="40" fill="skyblue"/>
    </template>
</x-delivery-time>

Props

属性名 说明 类型 默认值
modelValue 弹窗显示, vue2 :model-value.sync="show", vue3 v-model="show" Boolean false
dateNum 可选日期, 默认近七天 Number 7
limitBeginTime 每日可选开始时间 [String, Number] '0930'
limitEndTime 每日可选结束时间 [String, Number] '2130'
title 标题 String '选择送达时间'
fastestText 最快时间文本 String '尽快送达'
fastestShow 是否显示尽快送达 Boolean true
activeColor 选中颜色 String 'skyblue'

Emits

事件名 说明 回调入参
change 用户选择触发 {"date":"2024/04/12","dateBegin":"2024/04/12","dateEnd":"2024/04/12","dateTime":"2024/04/12"}

Slots

插槽名 说明
icon 选中时间 icon

插件如果对你有帮助给个好评吧~

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

插件不采集任何数据

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问