为什么每天打卡签到日历不显示日期

来源：蜘蛛抓取(WebSpider) 时间：2020-04-04 23:12 标签： 日历打卡签到

微信小程序日历每天打卡签到ㄖ历，带前端循环打卡每天打卡签到日历，活跃小程序运营

所需积分/C币：16 上传时间：

本文为原创作品引用请注明出處，欢迎转载

生活中有各种可以打卡的app，例如背单词打卡什么的本人觉得很有意思，于是本人在大二时做了一款诚信状打卡的微信小程序这里讲述一下编写的过程。

先说一下开发环境：用的是微信web开发工具开发的后台采用了Bmob后台，比较方便

话不多说，直接上代码里面也有挺多的注释，以防自己忘记当然各位如果直接复制过去肯定不能有当前的效果，注意后台数据的交互不过做一个界面还是沒有问题的。

页面上显示出来的东西布局上主要是一个年月栏、上一个月和下一个月的按钮；然后是星期栏，就是日一二三四五六然後就是每个月的日期，注意每个月的前面可能有空的地方这里面用wx:if标签来区分当前日期有无打卡的情况。

这个就是让页面显示得更好看┅点了里面有些属性更改之后可能会导致整个页面的格式变得很乱，说明自己的功夫还是不到家

js文件里面涉及到Bmob的操作，这里就不多說Bmob的操作了感兴趣的同学可以去参考它的官方文档。
然后里面主要是对上一个月、下一个月的点击函数进行处理以及对某年某月的每個日期进行初始化（尤其是每个月前的可能有的几个空格进行了处理），然后就是判断某个日期在后台数据中是否有打卡

* 生命周期函数--監听页面加载 //获取当前用户当前任务的每天打卡签到日历状态 * 生命周期函数--监听页面初次渲染完成 * 生命周期函数--监听页面显示 * 生命周期函數--监听页面隐藏 * 生命周期函数--监听页面卸载 * 页面相关事件处理函数--监听用户下拉动作 * 页面上拉触底事件的处理函数 * 用户点击右上角分享 // 获取当月共多少天 // 获取当月第一天星期几 // 计算当月1号前空了几个格子，把它填充在days数组的前面 //计算每个月时要清零 // 绘制当月天数占的格子並把它放到days数组中 //匹配判断当月与当月哪些日子每天打卡签到日历打卡 //年月日相同并且已打卡 // 切换控制年月，上一个月下一个月 //获取当湔用户该任务的每天打卡签到日历数组 //获取后就判断每天打卡签到日历情况

这里仅仅是改变了导航栏上的标题文字

做这个的时候还是废了┅番功夫的，欢迎大家来试用一下我写的微信小程序
以下是微信小程序山东大学唐仲英爱心社的链接。
如果出现引入错误或者需要完整項目的资源可以前往github上下载，记得给个星星

插件描述：一款简单的手机端日曆插件可以根据年月选择查看当月的考勤情况

使用日历插件前首先要引用资源：JS CSS

首先为calendar准备一个容器，可以设置大小也可以在options中设置，不设置的话自动设为默认

我要回帖

更多关于 日历打卡签到 的文章

 

随机推荐