直接设置 input[type="date"].value 为 "YYYY-MM-DD" 格式字符串即可，需用 getFullYear()/getMonth()/getDate() 手动补零或 Intl.DateTimeFormat("sv-SE") 格式化，避免 toISOString() 时区问题，且须手动派发 input/change 事件。
直接给 input[type="date"] 的 value 属性赋值就行，但格式必须是 "YYYY-MM-DD"
浏览器对 input[type="date"] 的值校验非常严格：只接受 ISO 8601 格式的字符串（如 "2024-03-15"），哪怕多一个空格、少一位年份、用 "/" 分隔，都会被忽略，表现为赋值后界面没变化。
常见错误现象：
- 用
new Date().toString()或toLocaleDateString()赋值 → 界面空白或回退到初始状态 - 手动拼接
"2024/03/15"→ 无效 - 忘记补零（比如把 3 月写成
"2024-3-15"）→ 无效
正确做法是用 toISOString().slice(0,10) 或手动格式化：
const dateInput = document.querySelector('input[type="date"]');
const today = new Date();
const yyyy = today.getFullYear();
const mm = String(today.getMonth() + 1).padStart(2, '0');
const dd = String(today.getDate()).padStart(2, '0');
dateInput.value = `${yyyy}-${mm}-${dd}`; // ✅ 正确格式
用 setAttribute("value", ...) 不生效？别这么干
setAttribute 操作的是 HTML 属性（attribute），而日期输入框的显示值由 DOM 属性（property）value 控制。两者在初始化后就不再同步。
立即学习“前端免费学习笔记（深入）”；
所以：
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
-
el.setAttribute("value", "2024-03-15")→ 只改了 HTML 源码里的属性，不触发界面更新 -
el.value = "2024-03-15"→ 直接设置 DOM property，立即生效 - 如果元素是动态插入的（比如通过
innerHTML添加），要等它挂载到 DOM 后再赋值，否则el.value读写都可能失败
需要兼容用户时区？小心 toISOString() 返回 UTC 时间
new Date().toISOString().slice(0,10) 返回的是 UTC 零点对应的日期，不是本地日。比如北京时间 2024-03-15 00:05，UTC 是 2024-03-14 16:05，toISOString() 就会截出 "2024-03-14" —— 这显然不对。
因此，除非你明确要存 UTC 日期，否则应避免依赖 toISOString() 截取：
- 推荐用
getFullYear()、getMonth()、getDate()手动拼（上例已给出） - 或者用
new Intl.DateTimeFormat("sv-SE").format(new Date())→ 返回标准"2024-03-15"格式，且基于本地时区 - 注意：
Intl在 IE 中不支持，若需兼容 IE，只能手写格式化
赋值后想触发 change 或 input 事件？得手动派发
直接设 el.value 不会自动触发事件，表单验证、Vue/React 的双向绑定、或监听 change 的逻辑都不会响应。
需要显式派发：
dateInput.value = "2024-03-15";
dateInput.dispatchEvent(new Event('input', { bubbles: true }));
dateInput.dispatchEvent(new Event('change', { bubbles: true }));
多数场景发 input 就够了；如果监听的是 change（比如离开焦点才校验），两个都派发更稳妥。
容易被忽略的一点：如果页面用了第三方日期组件（如 flatpickr、Element Plus 的 el-date-picker），它们通常封装了原生 input，此时直接操作原生 value 往往无效，得调它们自己的 API，比如 picker.setDate(...) 或更新绑定的数据字段。
