Layui 的 laydate 不支持动态标记红点，仅接受初始化时的静态 mark 对象；需先请求后端数据、标准化为 'YYYY-MM-DD' 格式、构造 mark 对象后调用 render() 初始化，已存在实例须先 destroy 再重建。
laydate 怎么用 mark 参数标记特定日期红点
直接说结论：layui 的 laydate 本身不支持「动态请求后端数据后实时标记红点」，它只接受初始化时传入的静态 mark 对象（键为 'yyyy-mm-dd' 格式字符串，值为任意 truthy 值）。想根据后端接口返回的数据打红点，必须手动触发重渲染或换方案。
常见错误现象是：写了 ajax 请求回来再调用 laydate.render()，发现红点没更新——因为 laydate 实例一旦创建，mark 就固化了，不响应后续赋值。
- 正确做法是：先请求后端拿到需标记的日期数组（如
['2024-06-01', '2024-06-15']），再构造mark对象，最后调用laydate.render()初始化（不是二次 render） - 如果日期选择器已存在，得先
laydate.destroy(日期实例ID)销毁旧实例，再重新 render -
mark的值只要是非undefined、非null、非空字符串就行，比如{'2024-06-01': true}或{'2024-06-01': '有审批'}效果一样，都显示红点
后端返回日期格式不对导致红点不显示
最容易踩的坑是后端返回的日期字段没对齐 laydate 要求的 'YYYY-MM-DD' 字符串格式。比如返回 2024-6-1（少零）、2024/06/01（斜杠）、1717228800000（时间戳），mark 对象的 key 就匹配不上。
- 前端必须做标准化处理：用
new Date().toISOString().slice(0,10)或手写补零函数转成'YYYY-MM-DD' - 别信后端说“格式统一”，实测用
console.log(Object.keys(markObj))看一眼 key 是否全为 10 位字符串 - 注意时区：若后端返回的是 UTC 时间但你本地是东八区，
new Date(timestamp).toISOString().slice(0,10)可能错一天，稳妥做法是让后端直接返回字符串格式
想点击日期时显示提示文字，但 mark 不支持 tooltip
mark 只控制红点是否出现，不提供 hover 提示或点击弹窗。如果需求是「点某天显示‘该日有3条待办’」，光靠 mark 不行，得结合 ready 和 change 回调 + 手动 DOM 操作。
- 在
ready回调里遍历所有日期单元格（.laydate-day），检查其data-date属性是否在你的标记列表中，是的话就加title属性或绑定mouseenter - 更稳定的做法：用
change回调监听日期切换，再通过laydate.getEndDate()和当前面板年月反推当月所有日期，批量 patch DOM - 注意性能：别在每次
change都全量查 DOM，可缓存节点引用或用事件委托
Vue/React 项目里直接用 laydate 会冲突
Layui 是全局脚本型库，和现代框架的响应式机制天然不兼容。你在 Vue 的 mounted 里调 laydate.render()，后端数据异步回来时，mark 已定型；React 里 setState 触发重渲染，laydate 的 DOM 会被框架直接干掉。
- 简单项目可绕过框架，用原生
div容器 +ref手动挂载，确保 laydate 实例只创建一次 - 复杂交互建议放弃 laydate，改用
element-plus的el-date-picker（支持disabledDate和自定义单元格插槽）或ant-design的DatePicker（dateRender可完全接管每个格子） - 真要硬上，必须把 laydate 实例存在组件实例属性上（如
this.laydateInst），销毁时显式调laydate.destroy()，否则内存泄漏
真正麻烦的不是怎么标红点，而是 laydate 的 mark 设计决定了它只适合静态标记场景。后端数据一变，就得整个实例重建——这在需要频繁刷新标记的业务里，体验和维护成本都很高。
