html不提供日期格式化能力，所有本地化显示必须用javascript显式处理；input.value恒为iso格式，需通过intl.datetimeformat等方法转换才能得到“2026年5月9日”这类字符串。
HTML 本身不提供日期格式化能力，所有“看起来被格式化了”的效果，都来自 JavaScript 的显式调用或浏览器 UI 层的视觉糖衣；直接靠 <input type="date"> 或 <time></time> 标签无法生成“2026年5月9日”这类字符串值。
为什么 <input type="date"> 的 value 永远是 "YYYY-MM-DD"
这是 HTML 规范强制要求的：无论用户看到的是“2026/05/09”“09/05/2026”还是“2026年5月9日”，input.value 返回的永远是 ISO 格式字符串（如 "2026-05-09"）。它只负责输入和验证，不参与展示格式控制。
- 常见错误：把
input.value直接插进页面，结果显示为2026-05-09，而非本地化文本 - 必须先转成
Date对象：new Date(input.value)，再调用格式化方法，否则toLocaleDateString()会报错或返回空 - 兼容性注意：Safari 旧版本对
new Date("2026-05-09")解析不稳定，稳妥写法是new Date(input.value + "T00:00")或new Date(...input.value.split("-"))
用 Intl.DateTimeFormat 做可控、可复现的本地化格式
这是目前最推荐的原生方案，兼容 Chrome 24+ / Firefox 29+ / Safari 10+，能精确控制语言、时区、字段粒度，且不依赖用户系统设置。
- 基础用法：
new Intl.DateTimeFormat('zh-CN', { year: 'numeric', month: 'long', day: 'numeric' }).format(new Date())→"2026年5月9日" - 避免只传 locale 字符串（如
'zh-CN'）却不带options：不同浏览器默认行为不一致（Chrome 可能出"2026/5/9"，Firefox 可能出"2026年5月9日"） - 若需固定 UTC 时间显示，加
timeZone: 'UTC'；否则默认用用户本地时区 -
dateStyle: 'full'和手动指定year/month等字段互斥，不能混用
toLocaleDateString() 能用，但参数必须写全
它是 Intl.DateTimeFormat 的快捷封装，轻量易上手，但省略参数容易踩坑。
- 安全写法：
new Date("2026-05-09").toLocaleDateString("zh-CN", { year: "numeric", month: "long", day: "numeric" }) - 不要只写
.toLocaleDateString("zh-CN")：iOS Safari 15.4 之前不支持weekday: "long"，且各浏览器默认格式差异大 - 如果只要“5月9日”，去掉
year即可；但别指望{ month: "short", day: "2-digit" }在所有环境都输出"5/09"—— 日语环境可能输出"5月09日" - 需要绝对确定的格式（如
"09/05/2026"），放弃toLocale*，改用字符串拼接：${d.getDate()}/${d.getMonth()+1}/${d.getFullYear()}
<time></time> 标签只管语义，不管渲染
<time datetime="2026-05-09">今天</time> 中的 "今天" 是你手动写的文本，浏览器不会自动把它替换成“2026年5月9日”。它的作用仅限于机器可读（SEO、无障碍、结构化数据）。
- 想让页面显示“2026年5月9日”，得用 JS 读取
time.dateTime，再用Intl.DateTimeFormat格式化后赋给time.textContent - 常见割裂现象：标签内写
"今天"，datetime是"2026-05-09"，结果搜索引擎看到日期，用户看到“今天”，两者完全脱节 - 若只是静态展示且无需 SEO，直接用
<span></span>+ JS 更干净；用<time></time>就必须同步维护datetime和显示文本
真正容易被忽略的是：格式化不是“一次设置全局生效”的事，而是每次展示前都要显式调用、明确指定 locale 和 options。浏览器不会替你记住用户偏好，也不会把 input.value 自动转成中文格式——那层“看起来本地化了”的幻觉，只存在于输入控件的 UI 渲染里。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
