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

2024-08-21 08:18

本文主要是介绍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个小时导致的问题以及解决办法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1092612

相关文章

IDEA和GIT关于文件中LF和CRLF问题及解决

《IDEA和GIT关于文件中LF和CRLF问题及解决》文章总结:因IDEA默认使用CRLF换行符导致Shell脚本在Linux运行报错,需在编辑器和Git中统一为LF,通过调整Git的core.aut... 目录问题描述问题思考解决过程总结问题描述项目软件安装shell脚本上git仓库管理,但拉取后,上l

idea npm install很慢问题及解决(nodejs)

《ideanpminstall很慢问题及解决(nodejs)》npm安装速度慢可通过配置国内镜像源(如淘宝)、清理缓存及切换工具解决,建议设置全局镜像(npmconfigsetregistryht... 目录idea npm install很慢(nodejs)配置国内镜像源清理缓存总结idea npm in

pycharm跑python项目易出错的问题总结

《pycharm跑python项目易出错的问题总结》:本文主要介绍pycharm跑python项目易出错问题的相关资料,当你在PyCharm中运行Python程序时遇到报错,可以按照以下步骤进行排... 1. 一定不要在pycharm终端里面创建环境安装别人的项目子模块等,有可能出现的问题就是你不报错都安装

idea突然报错Malformed \uxxxx encoding问题及解决

《idea突然报错Malformeduxxxxencoding问题及解决》Maven项目在切换Git分支时报错,提示project元素为描述符根元素,解决方法:删除Maven仓库中的resolv... 目www.chinasem.cn录问题解决方式总结问题idea 上的 maven China编程项目突然报错,是

Python爬虫HTTPS使用requests,httpx,aiohttp实战中的证书异步等问题

《Python爬虫HTTPS使用requests,httpx,aiohttp实战中的证书异步等问题》在爬虫工程里,“HTTPS”是绕不开的话题,HTTPS为传输加密提供保护,同时也给爬虫带来证书校验、... 目录一、核心问题与优先级检查(先问三件事)二、基础示例:requests 与证书处理三、高并发选型:

JS纯前端实现浏览器语音播报、朗读功能的完整代码

《JS纯前端实现浏览器语音播报、朗读功能的完整代码》在现代互联网的发展中,语音技术正逐渐成为改变用户体验的重要一环,下面:本文主要介绍JS纯前端实现浏览器语音播报、朗读功能的相关资料,文中通过代码... 目录一、朗读单条文本:① 语音自选参数,按钮控制语音:② 效果图:二、朗读多条文本:① 语音有默认值:②

在Node.js中使用.env文件管理环境变量的全过程

《在Node.js中使用.env文件管理环境变量的全过程》Node.js应用程序通常依赖于环境变量来管理敏感信息或配置设置,.env文件已经成为一种流行的本地管理这些变量的方法,本文将探讨.env文件... 目录引言为什么使php用 .env 文件 ?如何在 Node.js 中使用 .env 文件最佳实践引

前端导出Excel文件出现乱码或文件损坏问题的解决办法

《前端导出Excel文件出现乱码或文件损坏问题的解决办法》在现代网页应用程序中,前端有时需要与后端进行数据交互,包括下载文件,:本文主要介绍前端导出Excel文件出现乱码或文件损坏问题的解决办法,... 目录1. 检查后端返回的数据格式2. 前端正确处理二进制数据方案 1:直接下载(推荐)方案 2:手动构造

Python绘制TSP、VRP问题求解结果图全过程

《Python绘制TSP、VRP问题求解结果图全过程》本文介绍用Python绘制TSP和VRP问题的静态与动态结果图,静态图展示路径,动态图通过matplotlib.animation模块实现动画效果... 目录一、静态图二、动态图总结【代码】python绘制TSP、VRP问题求解结果图(包含静态图与动态图

MyBatis/MyBatis-Plus同事务循环调用存储过程获取主键重复问题分析及解决

《MyBatis/MyBatis-Plus同事务循环调用存储过程获取主键重复问题分析及解决》MyBatis默认开启一级缓存,同一事务中循环调用查询方法时会重复使用缓存数据,导致获取的序列主键值均为1,... 目录问题原因解决办法如果是存储过程总结问题myBATis有如下代码获取序列作为主键IdMappe