更新记录

1.10(2023-11-02)

解决月份天数的BUG!!!

1.0.2(2021-01-06)

以md方式展示使用说明

1.0.1(2021-01-06)

//引入组件,具体请下载示例工程项目使用

//页面使用组件模式,mode有两种模式,date及time模式

查看更多

平台兼容性

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

使用方式

//目前发现很多不明开发人员将源代码放在自己的博客,不引入来源,强烈谴责这种不道德的行为!!!他人辛辛苦苦实现写出来的东西,直接去嗟?

在 script 中引用组件

<script>
    import dateRange from 'components/datepickerRange.vue'

    export default
    {
        data() {
            return {
                startDate: '1970-01-01', //默认显示的开始日期,可空
                endDate: '2020-12-31',   //默认显示的结束日期,可空
                showMutibleDate:false,
            };
        },
        components:{
            dateRange
        },
        methods:{
            dateSelected:function(e){
                let start = e.start
                let end = e.end

/*这里必须将值置为false,否则无法唤起下一次的弹框显示*/
                this.showMutibleDate = false
            }
        }
    }
</script>
//页面使用组件模式,mode有两种模式,date及time模式
<template>
    <view>
        <date-range mode="date" :showMutibleDate="showMutibleDate" :startDate="startDate" :endDate="endDate" @ed="dateSelected"></date-range>
    </view>
</template>

隐私、权限声明

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

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

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

许可协议

MIT协议

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