更新记录
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 | 点击确定按钮触发 |