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个小时导致的问题以及解决办法相关推荐

[前台]---js重复上传一张图片两次,第二次失败的解决办法和思路
js重复上传一张图片两次,第二次会失败,解决办法就是修改input的value值. 先上代码: <input style="display:none" type=" ...
js文件中发送ajax请求,ulr路径不起作用的解决办法
前言: 在写Python项目的时候,单独的js文件发送ajax请求,并不起效果并且提示路径错误错误原因分析: {% url 'myadmin_updategoodsgrade' %} # 是模板中的 ...
时间戳转换成日期，少了8小时【问题综合汇总解决】
问题引入在部署博客项目的过程中,将项目部署到服务器后,时间戳转日期少了8小时.具体问题是这样的. 测试时间是真实时间,而createDate是前端拿到的数据中的时间.可以看到,二者相差8个小时. 接 ...
freemarker中js里面取字符串，换行导致报错的解决办法
问题原因原因在于直接在js中取的变量并复制给var变量. var data = '${content}'; 于是就变成这样. 解决办法 var data = '${content?js_string ...
JS之前台参数提交到后台，双引号转义为解决办法
问题描述 var param = $("#searchForm").serializeJson(); 前台封装好了键值对形式的字符串,使用了EasyUI的treeGrid控件,传到 ...
Incorrect string value XF0 X9F X98 XB3 XE3 for column 解决办法
Incorrect string value: '\xF0\x9F\x98\xB3)\xE3...' for column 'content'解决办法原因解析:我们的评论数据中存在emoj表情,而 ...
iframe js 加载失败_JS加载iFrame出现空白问题的解决办法
在使用IE6浏览器开发过程中出现各种奇葩问题,非常棘手,费劲脑汁终于问题解决.特此把我的问题描述及解决办法分享到脚本之家平台,帮助那些遇到此问题的朋友. 1.js加载iframe出现空白 iframe ...
ArcGIS JS API 4.10跨域问题(本地切片无法加载)解决办法
场景: 使用ArcGIS API for JavaScript 4.10加载服务器发布的切片地图报错跨域,之前用3.x系列一切正常,换成4.10之后不出图,关键是加载官方在线切片服务一切正常.升到4. ...
小程序Date.toLocaleString()方法在安卓上不起效的解决办法
感觉写法很蠢,但是能用 let time = res.data[0].time; //Date类型 let year = time.getFullYear(); let month = time.ge ...

js new Date(String)少8个小时导致的问题以及解决办法

下面简单说说 `new Date()` 、`new Date("YYYY-MM-dd")` 、`new Date("YYYY", "MM", "dd")`的区别

最后

js new Date(String)少8个小时导致的问题以及解决办法相关推荐

最新文章

热门文章

js new Date(String)少8个小时导致的问题以及解决办法

下面简单说说 new Date() 、new Date("YYYY-MM-dd") 、new Date("YYYY", "MM", "dd")的区别

最后

js new Date(String)少8个小时导致的问题以及解决办法相关推荐

最新文章

热门文章

下面简单说说 `new Date()` 、`new Date("YYYY-MM-dd")` 、`new Date("YYYY", "MM", "dd")`的区别