本文主要是介绍js new Date(String)少8个小时导致的问题以及解决办法,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
业务需求:人员投入的时间要大于等于项目开始时间并且小于等于项目结束时间
场景描述:项目开始时间
2021-09-06
,项目结束时间2021-11-09
,人员开始投入时间2021-09-06
,结果在elemnetUI
的日期选择组件中2021-09-06
这一天被禁用了,无法选择2021-09-06
这一天。经过分析,问题出在了日期选择组件中可选日期的逻辑代码中,代码中是根据时间戳(毫秒)来进行判断的,组件中日期的毫秒值默认是
00:00:00
的值,而项目开始时间在转换为毫秒后获取到的是08:00:00
的毫秒值。在业务人员眼中明明都是 2021-09-06 ,为什么这一天被禁用了?实际上在通过new Date("2021-09-06")
的方法转换毫秒值后,项目开始时间的2021-09-06比组件日期选择面板中的2021-09-06少了8*60*60*1000
毫秒,所以面板中的 2021-09-06 被禁用了。问题定位清楚了,解决起来就方便多了!!!
下面简单说说 new Date()
、new Date("YYYY-MM-dd")
、new Date("YYYY", "MM", "dd")
的区别
new Date() // 获取的是当前时间,即此时此刻的时间
// Fri Dec 10 2021 22:56:02 GMT+0800 (中国标准时间)new Date("2021-12-10") // 获取的是 `2021-12-10` 早上 `08:00:00`
// Sat Dec 10 2021 08:00:00 GMT+0800 (中国标准时间)new Date("2021", "12", "10") // 获取的是 `2022-01-10` 凌晨 `00:00:00`
// Tue Jan 10 2022 00:00:00 GMT+0800 (中国标准时间)
注意:new Date(“2021”, “12”, “10”) 获取的时间比指定的月份多了1个月,与getMonth() + 1获取当月月份同样的道理,要通过new Date(“YYYY”, “MM”, “dd”)的方式获取到预期的时间需要 实际月份 -1
指定 MM 才能获取到当月实际时间
说明:new Date(“2021”, “11”, “10”) 与 new Date(“2021-12-10 00:00:00”) 获取到的时间是一样的
new Date("2021", "11", "10").getTime() === new Date("2021-12-10 00:00:00").getTime() // true
另外:new Date() 获取的是当前主机的时间,当前主机时间改成哪一天,new Date()获取就是改后那一天的时间,所以当要使用new Date()的值来作为校验条件时,最好是获取服务器的时间 前端获取服务器时间
最后
解决问题的办法不止一个,选择一个符合实际情况的方案才是最重要的
这篇关于js new Date(String)少8个小时导致的问题以及解决办法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!