更新记录

1.3.0（2022-06-23） 下载此版本

增加上月以及下月的日期补齐本月格子的功能

修改漏签样式

实测兼容小程序、app、h5、pc

1.2.0（2020-06-09） 下载此版本

说明

个人开发，请勿转卖

主要功能有

当日签到、填补已签、标识漏签、多日期查询

备注

都是写的静态数据 数据不做任何储存，切换月或者重新进入，打卡数据会丢失！ 但是动态方法都在上面写好的了 去掉注释配置你自己的接口就行 示例中默认当月会有几天签到了

感谢您的支持！

1.1.0（2020-02-13） 下载此版本

更新小bug

平台兼容性

主要功能

实测适配微信小程序、ios/android真机、H5

签到

• 当天签到

补签

• 过去的日期补签
• 红点标识漏签

新增

• 双语支持
• 动态开启补签
• UI面板利用上下月日期补齐空格功能

Github

组件代码很简单，注释也很全，期待你的Start！ Github地址.

使用示例

JS
    import JCalendar from '@/components/j-calendar.vue';
    export default {
        components: {
            JCalendar
        },
    }
HTML    
    <JCalendar :yearMonth="targetDate" :dataSource="signData"
     @dateChange="refeshSignData($event)" @clickChange="updateSign($event)" >
    </JCalendar>

参数/函数

说明

打卡成功后需要你同步数据给数据库，切换月或重新进入页面再向数据库读取记录 (不会的建议参考我的Demo,而不是单独下个组件过来瞎折腾)。本地打卡不做任何记录，仅仅模拟成功

Hbuilder在为了大家伙不断成长迭代变得更优秀，所以此组件可能未能做到实时更新适配，特殊情况需要各位自己动动小手，一起让组件更Perfect~.