React Form表单选中的日期无法保存到SQL表问题咨询

问题排查与解决方案 #

因为你直接通过终端执行INSERT命令可以正常保存日期，首先可以排除SQL表日期字段配置错误的问题，问题仅存在于前端提交到后端执行插入的链路中，按以下优先级排查即可： #

高优先级排查项 #

• 核对前后端传参的字段名：打开浏览器控制台「网络」面板，找到表单提交对应的请求，查看Request Payload里日期字段的键名，和后端接口接收的参数名、插入SQL时用的字段名是否完全一致（大小写也要匹配）。如果键名不匹配，后端无法读取到日期值，插入时就会默认存null。
• 检查日期格式是否兼容：HTML原生date picker返回的是YYYY-MM-DD格式的字符串，刚好适配SQL的DATE类型字段。如果前端提交前将日期字符串转成了Date对象、时间戳或者MM/DD/YYYY这类非标准格式，或是后端接收到日期值后做了多余的格式转换，都会导致SQL无法识别写入失败。可以在后端执行SQL插入前打印所有待插入的参数，确认日期值的存在性和格式是否正确。

其他常见问题排查 #

• 检查ORM框架配置（如果使用）：如果你用了Sequelize、TypeORM这类ORM框架，首先确认实体类中日期字段的类型和SQL表字段类型一致，比如SQL是DATE类型，实体类不要误配为DATETIME或STRING；其次确认日期字段已加入可插入字段白名单，没有被框架自动过滤；最后排查是否写了错误的判空逻辑，把非空的日期值判定为空值跳过了插入。
• 核对手写SQL的参数顺序：如果是手写INSERT语句，确认参数占位符的顺序和传入的参数顺序完全对应，避免出现日期值传给其他字段、其他字段值传给日期字段的类型不匹配问题。

内容的提问来源于stack exchange，提问作者merbashert