更新记录

1.0.5（2026-08-18） 下载此版本

优化样式

1.0.4（2026-08-18） 下载此版本

增加ios底部安全区域兼容

1.0.3（2026-08-18） 下载此版本

增加时间段超出一定高度滚动

查看更多

平台兼容性

uni-app(3.8.2)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
√ √ √ √ √ - √ √ √
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
√ √ √ √ √ √ × √ √ - - -

其他

多语言 暗黑模式 宽屏模式
× × √

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

组件名：dui-appoint-date-v3

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

当前风格为高级香槟暗色风格，其他特定风格可看主页

基本用法

在 template 中直接使用组件

<template>
    <dui-appoint-date-v3 v-model="visible"></dui-appoint-date-v3>
</template>
    const visible = true;

注意

主色调可以在css中修改变量值

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协议
评论列表 撰写评论 向官方投诉

暂无用户评论。