更新记录
1.0.3(2025-08-28) 下载此版本
增加时间段超出一定高度滚动
1.0.2(2025-03-20) 下载此版本
更新
平台兼容性
uni-app
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | × | - | - | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | - | √ | √ | √ | √ |
其他
| 多语言 | 暗黑模式 | 宽屏模式 |
|---|---|---|
| × | × | √ |
dui-appoint-date-v2 预约日期,预约时间,预约上门服务时间
组件名:dui-appoint-date-v2
一个好用的,用于预约日期、预约时间、预约上门服务时间的组件。另一种风格请看:dui-appoint-date
基本用法
在 template 中直接使用组件
<template>
<dui-appoint-date-v2 v-model="visible"></dui-appoint-date-v2>
</template>
const visible = true;
注意
主色调可以在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 | 点击确定按钮触发 |

收藏人数:
下载插件并导入HBuilderX
赞赏(1)
下载 669
赞赏 15
下载 11074171
赞赏 1804
赞赏
京公网安备:11010802035340号