更新记录

1.0.2(2024-12-16) 下载此版本

修改插件为uni_modules方式

1.0.1(2024-12-16) 下载此版本

修改基本信息

1.0.0(2024-12-13) 下载此版本

首次更新

查看更多

平台兼容性

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

dui-appoint-date 预约日期,预约时间,预约上门服务时间

组件名:dui-appoint-date

一个好用的,用于预约日期、预约时间、预约上门服务时间的组件

基本用法

template 中直接使用组件

<template>
    <dui-appoint-date></dui-appoint-date>
</template>

注意

主色调可以在css中修改$activeColor值

API

Props

属性名 类型 默认值 说明
dateRange Number 7 未来日期范围。默认是未来7天(包括当天)
timePeriodData Array 默认值看组件效果 时间段列表
v-model Boolean false 是否显示该组件

timePeriodData子项为object, 其属性如下:

属性名 类型 默认值 说明
time_period String - 时间段,如'9:00-11:00'
disabled_date Array - 不可选的日期,如['12-13']
disabled_text String - 不可选时显示的文本提示

Events

事件名 说明
close 点击取消按钮触发
confirm 点击确定按钮触发

隐私、权限声明

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

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

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

许可协议

MIT协议

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