日历签到小程序的实现

日历签到小程序的实现
小程序开发教程：本文为大家分享了实现日历小程序的思路与源代码，具有一定的参考价值，希望能对大家有所帮助。

首先我们来看一下最终的效果图：

（学习视频分享：编程入门）

下面我们来介绍实现思路：

首先，我们要获取的无非就是每一个格子里面的数据。

先获取月，然后点击月切换到另一个月，到了边界线的时候到了上/下年即可。

那么，怎么获取月的数据呢，可以看到月第一天都是1开始，然后xx天，比如1月31天，我们把它枚举出来。

但是月份受到年份影响，所以计算是否闰年就完成了。

上代码获取这个月的7*5列表

let getMothList = (year, month) => { var star = new Date(Date.UTC(year, month - 1, 1)).getDay() let mn = getMothNum(year)[month - 1] var res = [] var row = [] new Array(35) .fill(&#39;&#39;) .map((_, i) => i - star + 1) .map(e => (e > 0 && e <= mn) ? ({ date: `${year}/${month}/${e}`, number: e }) : (null) ) .forEach((item, i) => { row.push(JSON.parse(JSON.stringify(item))) if((i + 1) % 7 == 0){ res.push(row) row = [] } }) return res}