更新记录

1.0.7（2024-08-02） 下载此版本

debug：修改日期

1.0.6（2023-04-20） 下载此版本

更新ios端 date问题

1.0.5（2023-04-20） 下载此版本

添加切换方法，更新使用demo

平台兼容性

punch-calendar

punch-calendar为有打卡需求制作的日历，可标记小圆点。简单配置即可使用，代码体积小，无第三方引用。
任何问题可以评论联系我，第一时间处理，或者添加 🛰️:ljsw8686

使用方法

demo:

<template>
    <view class="content">
        <punch-calendar @switchMonth="switchMonth" @chooseDay="chooseDay" :errorList="errorList" :successList="successList" ref="calendar"></punch-calendar>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                successList: ['1676995200000'],
                errorList: ['1676908800000'],

            }
        },
        onLoad() {
            // 初始化
            this.$refs.calendar.initCalendar()

            // 模拟异步赋值
            let timer = setTimeout(()=>{
                this.addTimer()
            },2000)

        },
        methods: {
            // 点击某一天
            chooseDay(val) {
                console.log(val)
            },

            addTimer() {
                this.successList = [...this.successList, '1681920000000']
            },

            /**
             * 切换事件
             * @param type 切换类型 prev next
             * @param nowYear 当前年
             * @param nowMonth 当前月
             * **/
            switchMonth(type, nowYear, nowMonth){
                //... doSomeThing
                if(nowYear == '2023' && nowMonth == '3' && !this.successList.includes('1678204800000')){
                    uni.showLoading({})
                    let timer = setTimeout(()=>{
                        uni.hideLoading()
                        clearTimeout(timer)
                        this.successList = [...this.successList, '1678204800000']
                    },3000)
                }

            }
        }
    }
</script>

配置说明：

参数说明：

回调方法