更新记录

1.0.5（2022-06-07） 下载此版本

追加选择器关联月份

1.0.4（2022-06-02） 下载此版本

限制了一些传空值的问题

1.0.3（2022-06-01） 下载此版本

修复日期获取天数的bug

平台兼容性

uni-app

其他

ml-calendar

一款轻量级简易的日历插件。

使用方法：

<template>
    <view>
        <ml-calendar  style="width:100%" :rows="rows" :range="range" :pickerDate="pickerDate" :value="value" @change="changeDate" @select="selectDate" />
    </view>
</template>
<script>
export default {
    data() {
        return {
            value:"2022-05",  // 初始化显示的月份
            range: ["2021-05", ""], // 时间范围
            rows: [{   // 特殊日期标注数据，当前日期和标注颜色
                date: "2022-5-21",
                color: "#5F8BFB"
            }, {
                date: "2022-5-24",
                color: "#FBA75F"
            }, {
                date: "2022-5-26",
                color: "#FBA75F"
            }],
            pickerDate:true  // 点击月份是否出下拉弹框
        }
    },
    methods: {
        // 切换日历时触发
        changeDate(e){
            console.log(e)  
        },
        // 点击日期返回当前日期对象 
        selectDate(e){
            console.log(e)  
        }
    }
    //...
}
</script>