更新记录

1.0.1(2024-04-18)

去除 log

1.0.0(2024-04-12)

1.0.0


平台兼容性

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

基本使用

template
<!-- 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
// 弹窗显示,  vue2 :model-value.sync="show", vue3 v-model="show"
modelValue: {
    type: Boolean,
    default: false
},
// 可选日期, 默认近七天
dateNum: {
    type: Number,
    default: 7
},
// 每日可选开始时间
limitBeginTime: {
    type: [String, Number],
    default: '0930',
},
// 每日可选结束时间
limitEndTime: {
    type: [String, Number],
    default: '2130',
},
// 标题
title: {
    type: String,
    default: '选择送达时间'
},
// 最快时间文本
fastestText: {
    type: String,
    default: '尽快送达'
},
// 选中颜色
activeColor: {
    type: String,
    default: 'skyblue'
},
emits
change 
返回值 
// 尽快送达
{
    "date": "2024/04/12",
    "dateBegin": "2024/04/12",
    "dateEnd": "2024/04/12",
    "time": undefined,
    "dateTime": "2024/04/12"
}
// 其他
{
    "date": "2024/04/12",
    "dateBegin": "2024/04/12 11:00",
    "dateEnd": "2024/04/12 11:30",
    "time": "11:00-11:30",
    "dateTime": "2024/04/12 11:00-11:30"
}
slot
<!-- 选中时间 icon -->
<template v-slot:icon>
    <check-one theme="filled" size="40" fill="skyblue"/>
</template>

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

有问题联系QQ: 1824159241

隐私、权限声明

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

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

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

插件不采集任何数据

许可协议

MIT协议

暂无用户评论。

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