更新记录
1.0.5(2024-11-06)
下载此版本
文档更新
1.0.4(2024-07-26)
下载此版本
更改 popup 依赖
1.0.3(2024-06-26)
下载此版本
优化
查看更多
平台兼容性
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
插件如果对你有帮助给个好评吧~