平台兼容性

Vue2	Vue3
√	×

App	快应用	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序
×	×	×	×	×	×	×

钉钉小程序	快手小程序	飞书小程序	京东小程序
×	×	×	×

H5-Safari	Android Browser	微信浏览器(Android)	QQ浏览器(Android)	Chrome	IE	Edge	Firefox	PC-Safari
×	×	×	×	×	×	×	×	×

uni-app-reserve-date

uni-app 日历组件，区间选择

说明：目前测试平台 H5，APP，微信小程序，其他平台理论上支持。

回调函数示例：

<reserve-date @changeDay='changeDay' />

import reserveDate from '@/components/reserve-date/reserve-date.vue'
export default {
    data() {
        return {
        }
    },
    mounted() {
    },
    methods: {
        changeDay(data) {
            console.log(data)
        }
    },
    components: {
        reserveDate
    }
}

reserve-date属性

属性名	类型	默认值	说明
date	String	可选	如2019-5-25
startDate	String	可选	如2019-5-25，禁止2019-5-24及以前的日期
endDate	String	可选	如2019-5-25，禁止2019-5-26及以后的日期
disableBefore	Boolean	可选	禁用今天之前的日期
isNowDate	Boolean	可选	默认是否选择日期（禁止日期不会选择）
price	Object（{type: 是否显示价格(Boolean), data: 价格(Array)}）	可选	显示框上月末尾和下月开始几天不显示
singleElection	Boolean	可选（默认false）	true为单选，false为多选

事件说明

属性名	类型	默认值
changeDay	function	选择日期触发（返回对象，日期和价格）
changeMonth	function	切换月触发 (返回数组：[0]为年,[1]为月，[2]为当月多少天)

更新历史说明：

v1.0.4

修改bug

v1.0.3

增加单选和切换月方法

v1.0.2

v1.0.1

添加价格显示，和默认选择当前日

v1.0.0

初次提交

效果图：

效果图

a \

平台兼容性

uni-app-reserve-date

回调函数示例：

reserve-date属性

事件说明

更新历史说明：

效果图：

隐私、权限声明

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

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

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

许可协议

MIT协议

a \

平台兼容性

uni-app-reserve-date

回调函数示例：

reserve-date属性

事件说明

更新历史说明：

效果图：

隐私、权限声明

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

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

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

许可协议

MIT协议

Modal title