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

相关文章

VS配置好Qt环境之后但无法打开ui界面的问题解决

《VS配置好Qt环境之后但无法打开ui界面的问题解决》本文主要介绍了VS配置好Qt环境之后但无法打开ui界面的问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要... 目UKeLvb录找到Qt安装目录中designer.UKeLvBexe的路径找到vs中的解决方案资源

MySQL启动报错:InnoDB表空间丢失问题及解决方法

《MySQL启动报错:InnoDB表空间丢失问题及解决方法》在启动MySQL时,遇到了InnoDB:Tablespace5975wasnotfound,该错误表明MySQL在启动过程中无法找到指定的s... 目录mysql 启动报错:InnoDB 表空间丢失问题及解决方法错误分析解决方案1. 启用 inno

Java使用MethodHandle来替代反射,提高性能问题

《Java使用MethodHandle来替代反射,提高性能问题》:本文主要介绍Java使用MethodHandle来替代反射,提高性能问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑... 目录一、认识MethodHandle1、简介2、使用方式3、与反射的区别二、示例1、基本使用2、(重要)

使用Python获取JS加载的数据的多种实现方法

《使用Python获取JS加载的数据的多种实现方法》在当今的互联网时代,网页数据的动态加载已经成为一种常见的技术手段,许多现代网站通过JavaScript(JS)动态加载内容,这使得传统的静态网页爬取... 目录引言一、动态 网页与js加载数据的原理二、python爬取JS加载数据的方法(一)分析网络请求1

电脑蓝牙连不上怎么办? 5 招教你轻松修复Mac蓝牙连接问题的技巧

《电脑蓝牙连不上怎么办?5招教你轻松修复Mac蓝牙连接问题的技巧》蓝牙连接问题是一些Mac用户经常遇到的常见问题之一,在本文章中,我们将提供一些有用的提示和技巧,帮助您解决可能出现的蓝牙连接问... 蓝牙作为一种流行的无线技术,已经成为我们连接各种设备的重要工具。在 MAC 上,你可以根据自己的需求,轻松地

Java 中的跨域问题解决方法

《Java中的跨域问题解决方法》跨域问题本质上是浏览器的一种安全机制,与Java本身无关,但Java后端开发者需要理解其来源以便正确解决,下面给大家介绍Java中的跨域问题解决方法,感兴趣的朋友一起... 目录1、Java 中跨域问题的来源1.1. 浏览器同源策略(Same-Origin Policy)1.

如何清理MySQL中的binlog问题

《如何清理MySQL中的binlog问题》:本文主要介绍清理MySQL中的binlog问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目http://www.chinasem.cn录清理mysql中的binlog1.查看binlog过期时间2. 修改binlog过期

如何解决yum无法安装epel-release的问题

《如何解决yum无法安装epel-release的问题》:本文主要介绍如何解决yum无法安装epel-release的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不... 目录yum无法安装epel-release尝试了第一种方法第二种方法(我就是用这种方法解决的)总结yum

IDEA下"File is read-only"可能原因分析及"找不到或无法加载主类"的问题

《IDEA下Fileisread-only可能原因分析及找不到或无法加载主类的问题》:本文主要介绍IDEA下Fileisread-only可能原因分析及找不到或无法加载主类的问题,具有很好的参... 目录1.File is read-only”可能原因2.“找不到或无法加载主类”问题的解决总结1.File

idea中project的显示问题及解决

《idea中project的显示问题及解决》:本文主要介绍idea中project的显示问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录idea中project的显示问题清除配置重China编程新生成配置总结idea中project的显示问题新建空的pr