更新记录

2.0.2（2020-07-21） 下载此版本

修复已知问题

2.0.1（2020-07-16） 下载此版本

修复open属性不起作用问题

2.0.0（2020-07-16） 下载此版本

在原来的基础上大改了一下，船新版本~

平台兼容性

ren-calendar

简介

一款可收缩，可标记日期的日历，目前只在uni-app项目中使用，其他平台适配兼容未知，如有帮助到你不胜荣幸，欢迎Star！

DCloud插件市场地址

调用示例

<view class="content">
    <ren-calendar ref='ren' :markDays='markDays' :headerBar='false' @onDayClick='onDayClick'></ren-calendar>
    <view class="change">选中日期：{{curDate}}</view>
</view>

 import RenCalendar from '@/components/ren-calendar/ren-calendar.vue'
    export default {
        components:{
            RenCalendar
        },
        data() {
            return {
                curDate:'',
                markDays:[]
            }
        },
        onReady() {
            let today = this.$refs.ren.getToday().date;
            this.curDate = today;
            this.markDays.push(today);
        },
        methods: {
            onDayClick(data){
                this.curDate = data.date;
            }
        }
    }

属性说明

事件说明

方法说明

Tips

• 如果不能满足场景需求可自行更改组件源代码来满足需求

预览