HarmonyOS 鸿蒙Next中如何实现连续打卡天数统计？

原理解析

连续打卡统计需要：

1. 记录每天的打卡日期
2. 从最近一次打卡开始，向前检查是否连续
3. 处理时区问题，使用本地日期

解决步骤

步骤1：获取本地日期字符串

function getLocalDateString(date?: Date): string {
  const d = date || new Date();
  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
}

步骤2：计算连续打卡天数

export async function getStreakDays(): Promise<number> {
  const records = await getCheckInRecords();
  if (records.length === 0) return 0;

  // 按日期排序（降序，最新的在前）
  const sorted = records.sort((a, b) => b.date.localeCompare(a.date));
  
  // 获取今天和昨天的日期字符串
  const now = new Date();
  const todayStr = getLocalDateString(now);
  const yesterday = new Date(now.getFullYear(), now.getMonth(), now.getDate() - 1);
  const yesterdayStr = getLocalDateString(yesterday);
  
  // 检查最近一次打卡是今天还是昨天
  const latestRecord = sorted[0];
  if (latestRecord.date !== todayStr && latestRecord.date !== yesterdayStr) {
    return 0;  // 连续中断
  }
  
  // 从最近的打卡日期开始计算连续天数
  let streak = 0;
  let expectedDate = new Date(latestRecord.date + 'T00:00:00');
  
  for (let i = 0; i < sorted.length; i++) {
    const recordDate = sorted[i].date;
    const expectedDateStr = getLocalDateString(expectedDate);
    
    if (recordDate === expectedDateStr) {
      streak++;
      // 期望日期往前推一天
      expectedDate.setDate(expectedDate.getDate() - 1);
    } else if (recordDate < expectedDateStr) {
      // 有断档，停止计算
      break;
    }
    // 如果 recordDate > expectedDateStr，说明有重复记录，跳过
  }
  
  return streak;
}

步骤3：自动打卡（浏览内容时触发）

async function autoCheckIn(): Promise<void> {
  const today = getLocalDateString();
  const records = await getCheckInRecords();
  const todayRecord = records.find(r => r.date === today);
  
  if (!todayRecord) {
    // 今天还没打卡，自动记录
    await saveCheckInRecord(today);
  }
}

// 在浏览内容时调用
export async function recordBrowse(contentId: string, contentType: string): Promise<boolean> {
  // ... 保存浏览记录
  await autoCheckIn();  // 自动打卡
  return true;
}

效果图

用户学习 → 自动打卡 → 首页显示"连续学习 X 天" → 激励用户保持习惯