本文介绍了在react项目中，由于用户修改系统时间导致antd的datePicker组件出现问题，以及如何通过获取服务器时间进行校准的解决方案。讨论了两种方法：1) 从接口获取服务器时间手动校准datePicker；2) 检测客户端时间变动，提醒用户正确设置时间。
使用到的的技术栈：react + umi +antd +moment
前因
项目中一个表单包含时间组件datePicker，选取的时间范围为包括今天在内的15天。
BUG：如果用户修改了当前系统时间，那么datePicker的今天就会同步变化，相应的选取范围也会变化
期望：datePicker采用服务器时间（网络标准时间），不会因为客户端时间的修改而变化。
解决过程
首先如果你的网站使用了HTTP协议，那么在如果你修改时间超出数字证书的有效期，浏览器会自动禁止你的访问
但是如果你更改的客户端时间在证书有效期内，这个拦截就不会出现。现在要解决的就是这个前提下出现的问题。
考虑调整前端解决
我首先思考能不能直接校准datePicker的时间。
因为我们的项目使用的是antd的datePicker组件，所以我查了antd的文档和gitissues，更多的讨论是时区问题的时间校准（通过设置loc
最低0.47元/天 解锁文章
2983
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
