u-calendar标记签到日期不生效的主因是markList中date格式非YYYY-MM-DD字符串；需统一转换格式、动态赋值markList、用custom-mark插槽自定义样式，并区分uView 2.x/3.x事件监听@select或@pick，同时注意App端真机兼容性。
uni-app 里用 u-calendar 标记签到日期但不生效？先看数据格式对不对
标记失效最常见原因是传给 markList 的日期格式不是 YYYY-MM-DD 字符串。uni-app 官方组件 u-calendar（uView）只认这种格式，传 new Date()、时间戳、带时分秒的字符串（如 "2024-05-20 14:30:00"）都会被忽略。
实操建议：
- 后端返回的签到记录数组，务必在赋值前统一处理成
YYYY-MM-DD字符串，比如用date.toISOString().split('T')[0]或date.getFullYear() + '-' + (date.getMonth() + 1).toString().padStart(2, '0') + '-' + date.getDate().toString().padStart(2, '0') -
markList是个对象数组，每个对象必须含date（字符串）和info（可选，显示在日期下方的小字），例如：[{ date: '2024-05-20', info: '✓' }] - 别把
markList写死在 data 里——动态更新签到状态后，要确保重新赋值触发响应式更新，比如this.markList = [...this.markList]或用Vue.set（H5/微信小程序可用，App 端需注意 Vue 版本）
自定义签到日圆点样式：覆盖 u-calendar 默认 .u-calendar__mark 不够
直接改 .u-calendar__mark 类只能影响默认小圆点，但签到标记常需要不同颜色、图标甚至背景块。uView 的 u-calendar 提供了 custom-mark 插槽，这才是可控入口。
实操建议：
- 启用插槽必须加属性
:show-mark="false"（关掉默认标记），再用<template date></template>拿到当前日期 - 在插槽里判断
date是否在你的签到列表中，是则返回自定义节点，比如：<view class="sign-dot" v-if="signedDates.includes(date)"></view> - 注意插槽内
date是YYYY-MM-DD字符串，和markList格式一致，别用date.getDate()去比对——那是当月第几天，会跨月错乱 - App 端（尤其是 iOS）对插槽内样式支持较弱，建议用
view+background-color实现圆点，少用border-radius配合伪元素
点击日期触发签到：@change 和 @confirm 到底该监听哪个？
@change 在用户滑动或切换月份时频繁触发，且参数是当前日历显示的月份（{ year, month }），不是点击的具体日期；真正要捕获“点了某一天”动作，得用 @select（uView 3.x）或 @confirm（uView 2.x）——但后者只在点击「确定」按钮时触发，不符合签到场景。
实操建议：
- uView 2.x：用
@select事件，参数是{ date }，其中date是YYYY-MM-DD字符串，直接拿去调接口签到 - uView 3.x：事件名改为
@pick，参数结构相同 - 别在事件回调里直接弹
uni.showToast后就结束——签到是异步操作，要等接口返回成功后再更新markList或signedDates，否则 UI 和数据不同步 - 用户连点两次同一日期，后端应幂等处理，前端可加 loading 状态锁住按钮（
select触发时设isSigning = true，完成后重置）
真机调试发现签到标记消失？检查条件编译和平台样式隔离
H5 和微信小程序能显示的自定义标记，在 App（尤其是 Android）上可能完全不渲染，大概率是条件编译没处理好，或样式被平台层覆盖。
实操建议：
- App 端不支持某些 CSS 属性（如
clip-path、部分transform），圆点建议用width/height + background-color + border-radius实现 - 如果用了 scoped 样式，App 端（尤其旧版 uni-app）对插槽内容样式穿透支持差，要么去掉
scoped，要么用/deep/ .sign-dot（HBuilderX 3.7+ 推荐用::v-deep） - 检查是否启用了
optimization.subNVueCompile（App 端 subNVue 优化），开启后可能影响日历组件插槽渲染，临时关闭可验证 - 微信小程序真机调试时，留意
markList数据是否因 setData 量过大被截断（超过 1MB），签到历史过长时建议只传最近 90 天
日期标记看着简单，实际卡点全在格式、插槽作用域、平台差异这三块。特别是 App 端，别信开发工具表现，真机连测三天起步。
