更新记录

1.0.1（2024-04-18）

去除 log

1.0.0（2024-04-12）

1.0.0

平台兼容性

x-delivery-time

基本使用

template

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

<!-- vue3 -->
<x-delivery-time v-model="chooseTimeShow" @change="">
    <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