前言

最近做的个人项目中,需要统计用户连续打卡的时间。网上搜索了很多资料,方法有很多。比如使用mysql分组条件查询、窗口排序等。考虑到自己需求没有这么复杂,只需要计算最近一次的连续天数。就是直接使用dayjs计算。

思路

  1. mysql查询对应用户所有的打开记录,进行降序排序。
  2. 获取第一个时间,判断时候在今天或昨天的范围。
  3. 如果是则表示仍在连续打卡范围,如果不是直接返回0天
  4. 判断最后一次打开是否是今天,不是的话从昨天开始查找
  5. 每次遍历天数加一,直到发现不是连续的则中断遍历

这里数据添加的时候,限制了一天只能打卡一次。所以记录中没有重复天数的。如果返回的数据有重复的,会导致最后的连续天数有误差。可以考虑进行去重。

实现

  1. const getContinueDay = (list: { checkInTime: string }[]) => {
  2. let day = 0;
  3. if (!list.length) return day;
  4. let nowStartDay = dayjs().startOf('day');
  5. const left = dayjs().subtract(1, 'day').startOf('day');
  6. const right = dayjs().endOf('day');
  7. if (dayjs(list[0].checkInTime).isBetween(left, right, null, '[]')) {
  8. if (!dayjs(list[0].checkInTime).isSame(nowStartDay, 'day')) {
  9. nowStartDay = nowStartDay.subtract(1, 'day');
  10. }
  11. for (const i of list) {
  12. const dayStart = dayjs(nowStartDay).startOf('day');
  13. const dayEnd = dayjs(nowStartDay).endOf('day');
  14. if (!dayjs(i.checkInTime).isBetween(dayStart, dayEnd, 'day', '[]')) break;
  15. day++;
  16. nowStartDay = nowStartDay.subtract(1, 'day');
  17. }
  18. }
  19. return day;
  20. };

效果

数据库

dayjs计算连续打卡时间 - 图1

结果

dayjs计算连续打卡时间 - 图2