HTML5 input[type="date"]不严格校验格式，手动输入非法字符串（如"2024/03/15"）仍可能通过checkValidity()；必须用JS校验YYYY-MM-DD格式及日期有效性，并配合服务端严格解析与异常捕获。
HTML5 input[type="date"] 本身不校验格式，只控制输入方式
浏览器原生的 input[type="date"] 会弹出日期选择器，且提交时值固定为 YYYY-MM-DD 格式（如 "2024-03-15"），但它**不会阻止用户手动输入非法字符串**——比如在 Chrome 中清空后输入 "2024/03/15" 或 "15-03-2024"，此时 value 就是脏数据，checkValidity() 仍可能返回 true，因为浏览器只校验是否“看起来像日期”，不严格匹配格式。
所以不能依赖 type 属性自动保证格式合规，必须配合 JS 或服务端二次校验。
用 pattern + title 做前端轻量提示（仅适用于文本输入）
如果放弃原生日期控件、改用 input[type="text"]，才能用正则约束格式。例如强制 YYYY-MM-DD：
<input
type="text"
pattern="\d{4}-\d{2}-\d{2}"
title="请输入格式为 YYYY-MM-DD 的日期，如：2024-03-15"
required>
注意：pattern 在 type="date" 上无效；且该正则不校验日期逻辑合法性（比如 "2024-02-30" 也能通过）。
立即学习“前端免费学习笔记（深入）”；
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
- 适合对体验要求不高、且后端有强校验的场景
- 移动端会失去原生日期键盘，体验下降
- IE 不支持
pattern，需降级处理
JS 手动校验 input[type="date"] 的值是否为合法 YYYY-MM-DD
获取 value 后，先检查是否为空，再验证是否符合格式并能被 Date 解析为有效日期：
function isValidDateStr(dateStr) {
if (!dateStr) return false;
// 格式必须是 YYYY-MM-DD
if (!/^\d{4}-\d{2}-\d{2}$/.test(dateStr)) return false;
const d = new Date(dateStr);
// 检查解析后是否为有效日期（避免 '2024-02-30' → 被转成 2024-03-01）
return d instanceof Date && !isNaN(d.getTime())
&& d.toISOString().slice(0, 10) === dateStr;
}
调用时机建议放在表单提交前或 blur 事件中，配合 setCustomValidity() 提示：
const input = document.querySelector('input[type="date"]');
input.addEventListener('blur', () => {
if (!isValidDateStr(input.value)) {
input.setCustomValidity('日期格式错误或不存在，请使用 YYYY-MM-DD 格式');
} else {
input.setCustomValidity('');
}
});
-
toISOString()确保时区不影响比对（它返回 UTC 时间的字符串） - 不要只用
new Date(dateStr).getDate()判断，因为错位日期会被静默纠正 - 服务端仍需独立校验，JS 可被绕过
后端必须重新解析并验证，不能信任前端任何输出
无论前端怎么限制，攻击者可直接发请求绕过所有校验。后端收到 date 字段后，应：
- 用语言原生日期解析函数（如 Python 的
datetime.strptime(s, "%Y-%m-%d")）严格按格式解析 - 捕获解析异常，拒绝
"2024-13-01"、"2024-02-30"等非法组合 - 避免用模糊解析（如 JavaScript 的
new Date("2024/03/15")或 PHP 的strtotime()）
日期校验真正的复杂点不在格式正则，而在于「格式合法 ≠ 日期存在」，以及「不同环境对边缘日期的处理不一致」——比如闰年二月、时区转换、跨年边界等，这些必须由后端用确定性逻辑兜底。
