html无法直接设置任务截止日期或提醒时间，因其仅为静态标记语言，不支持系统级待办集成；可用收集时间并配合js或后端实现任务逻辑。
HTML里没法直接设置任务截止日期或提醒时间
浏览器原生 HTML 不支持把网页元素（比如便签）注册成系统级待办任务，更不提供 deadline、reminder 这类属性。所谓“HTML 设置截止日期”，本质是混淆了前端展示和操作系统/应用集成的边界。
常见错误现象：Uncaught TypeError: element.setTaskDeadline is not a function 或点击后毫无反应——因为压根没这个 API。
- HTML 是静态标记语言，只负责结构与基础交互（如表单提交、链接跳转）
- 真正触发日历添加、闹钟提醒等功能，必须调用操作系统或第三方服务的接口（如 Web Calendar API、iOS Shortcuts、Android Intent，或通过 Outlook/Google Tasks 的 OAuth 接口）
- 纯 HTML 文件双击打开时，连本地文件系统权限都没有，更别说读写日程
用 <input type="datetime-local"> 模拟截止时间输入
这是最接近“设置截止日期”的可行做法：让用户选时间，并存为数据，后续靠 JS 或后端转化成任务。
使用场景：便签编辑页需要用户填写“该事项需在何时完成”
- 必须加
required属性，否则空值易被忽略 - 注意时区问题：
datetime-local值始终按本地时区解析，服务器收到后可能偏差；建议统一转成 UTC 后存储 - 移动端兼容性好，但 iOS Safari 旧版本不支持
min/max限制，需 JS 补充校验
<input type="datetime-local" id="due" name="due" required min="2024-06-01T00:00">
点击后跳转到系统日历添加页面（有限兼容）
利用 webcal:// 或 https://calendar.google.com/calendar/render? 等 URL Scheme，触发外部日历 App 添加事件。
这不是 HTML 自身能力，而是靠浏览器识别特殊协议并交由系统处理
- Google 日历链接示例：
https://calendar.google.com/calendar/render?action=TEMPLATE&text=买牛奶&dates=20240615T140000Z/20240615T143000Z&details=超市门口&sprop=&sprop=name: - iCal 格式需服务端生成 .ics 文件并提供下载链接，不能仅靠前端拼字符串——缺少 DTSTAMP、UID 等必填字段会导致导入失败
- Windows 用户默认无响应协议，点击可能报错
Unable to open this Internet site
真要实现提醒功能，得放弃纯 HTML 思路
浏览器标签页失去焦点后，setTimeout 和 Notification 都不可靠；后台定时提醒必须依赖系统级能力。
- PWA（渐进式 Web App）可注册
PushManager，但需 HTTPS + 用户授权 + 后端推送服务（如 Firebase Cloud Messaging） - 桌面端 Electron / Tauri 应用能调用系统通知和任务计划器，但已不属于“HTML 操作”范畴
- 最容易落地的妥协方案：用
localStorage存截止时间，每次页面加载时检查是否超时，再用Notification.requestPermission()尝试弹窗提醒（仅限用户已授权且页面处于前台）
别在 <div class="sticky-note"> 上硬加 <code>data-reminder="2024-06-15"——它不会自己响。
