HTML表格中可直接使用，无需封装或JS，其原生支持日期选择、ISO格式校验（YYYY-MM-DD）及移动端日历弹窗；需设置value为标准ISO格式并添加style="width:100%;box-sizing:border-box;"解决对齐问题。
HTML表格里直接用 <input type="date"> 就行
不需要额外封装或 JS，<input type="date"> 是原生支持的表单控件，能直接放在 <td> 或 <code><th> 里。浏览器会自动渲染为带日历图标的日期选择器（Chrome、Edge、Firefox 均支持，Safari 从 14.1+ 开始稳定支持）。
<p>常见错误是试图用 <code><input type="text"> 配合手动格式校验——没必要，原生 date 输入框自带格式约束（只接受 YYYY-MM-DD）、键盘输入限制和移动端原生日历弹窗。
必须设置 value 为 ISO 格式，否则显示为空
type="date" 的值严格要求是 YYYY-MM-DD 字符串（如 "2024-06-15"），即使 DOM 中写成 2024/06/15 或 15-06-2024，也会被忽略，输入框显示为空白。
实操建议：
立即学习“前端免费学习笔记（深入）”；
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 后端返回日期字段时，统一转为
YYYY-MM-DD字符串再塞进value - JS 动态赋值时用
new Date().toISOString().split('T')[0]获取当天 ISO 日期 - 避免用
toLocaleDateString()直接赋值，它输出格式依赖本地环境，不可靠
表格中对齐和样式容易出问题
<input type="date"> 默认宽度不固定，不同浏览器渲染高度也略有差异，在表格单元格里常出现上下错位、左右撑开等问题。
解决方法很直接：
- 给
<input type="date">加style="width: 100%; box-sizing: border-box;"，让它填满<td> <li>如果表格用了 <code>border-collapse: collapse，确保input的padding和border不破坏行高；可加vertical-align: middle对齐文本行 - 不要用
size属性（已废弃），它对date类型无效 - 用
Modernizr.inputtypes.date或简单检测document.createElement('input').type = 'date';是否仍为'date' - 不支持时，改用
<input type="text" pattern="\d{4}-\d{2}-\d{2}" placeholder="YYYY-MM-DD">，配合前端正则校验 - 千万别只加
placeholder就不管输入格式——用户可能输错，后端还得二次校验
需要兼容老浏览器？别硬扛，降级方案要明确
IE 完全不支持 type="date"，会退化为普通文本框；旧版 Safari（
推荐做法：
真正的难点不在嵌入动作本身，而在于日期值的来源是否可控、展示是否需国际化（比如中文月份名）、以及老系统里遗留的非 ISO 时间戳怎么安全转换。这些地方一不留神就变成半夜报警的点。
