按钮默认禁用，仅在每天9:00–17:00启用；通过new Date().getHours()获取本地小时数，当h>=9&&h<=17时移除disabled属性。
按钮只在每天 9:00–17:00 可用，其他时间 disabled
直接用 new Date() 获取当前小时，配合 disabled 属性控制即可。关键不是“禁用”，而是“按需启用”——默认禁用，只在满足条件时移除 disabled。
- 用
getHours()获取 24 小时制的小时数（0–23），别用getUTCHours()，否则时区错乱 - 判断逻辑写成
if (h >= 9 && h ，注意是 <code> 而不是 <code>，否则 17:00 整也会被包含 - 必须在页面加载后立即执行一次检查，否则首屏可能状态错误；建议放在
window.addEventListener('DOMContentLoaded', ...)里 - 如果按钮需要响应时间变化（比如用户开着页面跨过 9:00），得加定时器每分钟跑一次检查，但多数场景只需首次加载判断就够了
让按钮在某段日期范围内才可用（例如 2026-07-15 至 2026-08-31）
不能只靠 HTML 的 min/max，那是给 input[type="date"] 用的，对按钮无效。得用 JS 比较日期字符串或时间戳。
- 把起止日期转成
Date对象，再用getTime()得到毫秒数，方便比较：const start = new Date('2026-07-15').getTime() - 当前时间也转成毫秒：
const now = Date.now()，然后if (now >= start && now - 日期字符串必须是
YYYY-MM-DD格式，'2026/07/15'在某些浏览器里解析可能出错 - 别漏掉时区：
new Date('2026-07-15')默认是本地时区，和Date.now()一致，不用额外处理
同时限制「日期范围 + 每日时段」的复合逻辑
先判日期是否在有效区间内，再判当前小时是否在允许时段内。两个条件都满足才启用按钮。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 顺序很重要：先做日期范围判断（耗时小），再做小时判断（更快），避免无谓计算
- 示例逻辑：
if (dateInRange && hourInRange) { btn.disabled = false; } else { btn.disabled = true; } - 别把两层逻辑塞进一个 if 里写成超长表达式，可读性差还容易漏括号
- 如果按钮有多个启用条件（比如还要检查用户登录态），建议拆成独立函数，如
isDateValid()、isTimeValid()，便于单元测试和复用
页面刷新后状态不一致？localStorage 不解决这个问题
这个需求和「点击后倒计时禁用」完全不同：localStorage 存的是持久化状态，而时间段生效是实时的、基于系统时钟的。刷新页面后只要重新运行判断逻辑，结果自然更新。
立即学习“前端免费学习笔记（深入）”；
- 不需要存任何东西到
localStorage，也不该存 —— 否则反而导致状态滞后（比如存了“已启用”，但实际已过 17:00） - 唯一要防的是 JS 执行时机：确保 DOM 加载完成后再读取
button元素，否则document.getElementById(...)返回null - 移动端 WebView 或旧版 Safari 可能对
Date解析稍慢，但影响极小；真遇到可加个setTimeout(..., 0)延后执行，不过绝大多数情况没必要
