【js】new Date().getTime()的计算bug！！！

原创 已于 2025-03-13 16:07:02 修改 · 926 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #前端

于 2023-09-25 16:45:49 首次发布
文章讨论了在Vue日期组件中，由于禁用日期函数使用了RFC2822格式的时间与期望的ISO8601格式不一致，导致时间转换错误。通过将所有时间转换为00:00:00解决此问题。

问题

new Date(‘YYYY-MM-DD’).getTime() 与 new Date(‘YYYY/MM/DD’).getTime() 时间转换不相等！！

ps: 当前地区为 北京（东八区）

在这里插入图片描述

在这里插入图片描述

原因

new Date(‘YYYY-MM-DD’) 与 new Date(‘YYYY/MM/DD’) 转换不相等！！

在这里插入图片描述

解释

  • YYYY-MM-DD：这是 ISO 8601 标准格式的日期部分。JavaScript 会把它当作 UTC 时间解析。

new Date(‘2025-03-11’) 代表的是 UTC 时间 2025 年 3 月 11 日 00:00:00。

但是！！！ 最终输出的时间会根据当前所在时区偏移量进行调整。例如，你在东八区（GMT+0800），显示的时间会是 Tue Mar 11 2025 08:00:00 GMT+0800。

  • YYYY/MM/DD：这种格式会被当作本地时间解析。

new Date(‘2025/03/11’) 代表的是 本地时间 2025 年 3 月 11 日 00:00:00。

也就是说当使用这种格式时，不管是在哪个时区，时间都是从00:00:00开始。

  • 国际标准（GMT 格林威治标准时间）
    GMT 时间就是英国格林威治时间，也就是世界标准时间，是本初子午线上的地方时，是 0 时区的区时。

  • UTC 世界协调时间
    UTC 是通用协调时 (UTC, Universal Time Coordinated)，理论上与 GMT 时间相等（除非出现了闰秒，日常使用上可以忽略不计）。

解决

统一时间到00:00:00

也就是说在日期（没有具体到时分秒）计算时，不管哪个格式都加上时分秒

在这里插入图片描述

这样就保证了获取的时间是一样的

在这里插入图片描述

谁能想到 不同格式化的string日期转Date还有这种操作

参考：前端国际化时间日期概述与业务实践

js中 new Date().getTime()得到的是毫秒数
易天海
03-25 10万+
js中 var time = new Date().getTime()得到的是毫秒数 0、时间戳转日期字符串 function getLocalTime(nS) { var d = new Date(parseInt(nS)* 1000); //根据时间戳生成的时间对象 var date = (d.getFullYear()) + "-" + (d.get...
java和js的(new date()).gettime()
计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
03-16 1218
java的(new date()).gettime()，getTime()返回值 Java和JavaScript都支持时间类型Date，他们的getTime()方法返回的是毫秒数。默认返回的是13位数字，单位是毫秒。 容易造成误解的地方： 如果程序运行在东八区，它返回北京时间1970年01月01日08时00分00秒起至现在东八区时间的总毫秒数。如果运行在UTC时区则返回1970年01月01日00时00分00秒起至当前UTC时间的总毫秒数。看起来似乎getTime()方法获取的时间戳与程序所运行的时区有
无涯教程-getTime()函数
无涯教程
02-06 1978
JavaScript date getTime()方法根据通用时间返回与指定日期的时间相对应的数值。getTime方法返回的值是自1970年1月1日00:00:00以来的毫秒数。您可以使用此方法来帮助将日期和时间分配给另一个Date对象。
JavaScript第 24 篇，JavaScript中的时间日期函数new Date()，JS中5种获取时间戳的函数
NorthCity Smile的博客（NcSmile，博主域名：https://ncmile.blog.csdn.net）
11-30 2万+
⭐在 JavaScript 中，处理日期和时间是一个常见的需求。无论是记录日志、计算时间差，还是显示用户友好的日期格式，都需要一个强大且灵活的工具来处理这些任务。Date 对象是 JavaScript 提供的一个内置对象，用于处理日期和时间。new Date() 是创建 Date 对象的主要方法，它提供了多种构造方式，可以满足各种不同的需求。这里来简单记录一下
JS之new Date().getTime()
暗夜之城
05-29 2273
"&v=" + new Date().getTime() Url后面加时间戳是为了解决缓存问题； 后面带上new Date().getTime()这个参数使得每次浏览器调用的url都不同；
new Date().getTime()
关灯吃面
01-17 4170
JavaScript中可以在某个元素前使用 ‘+’ 号，这个操作是将该元素转换Number类型，如果转换失败，那么将得到 NaN。 所以 +new Date 将会调用 Date.prototype 上的 valueOf 方法，而根据 MDN ，Date.prototype.value 方法等同于 Date.prototype.getTime() 。 所以下列代码效果相同：
记录一次Date.getTime()计算时间日期偏移的bug
zsy_beloved的博客
05-24 1011
背景 年初的时候，生产上业务反馈有一批数据的到货日期和设置过的提前到货期不相符。恰好我刚接手该模块，之前对业务是毫无熟悉了解。直接生产查询异常的数据，发现是有一批数据存在异常。 业务规则 业务中从上游将到货日期落至本地库中，要求根据一个提前到货天数的参数，计算到货日期写入到数据库中，方便业务人员做后续处理。 排查思路 第一时间是确认了异常数据的影响范围。发现只是部分且是近期的数据，提前到货期异常，检查了上下游的数据流转，发现一切正常（排除外部数据...
Date.parse("string")返回的值可以拿来和new Date().getTime()的值做相等比较吗
05-03
好的，我现在需要解决用户关于JavaScript中Date.parse和new Date().getTime()返回值是否可以直接比较的问题。首先，我得回忆这两个方法的用途和返回值的差异。 用户提到Date.parse返回的值与new Date().getTime()...
javascript中日期函数new Date()的浏览器兼容性问题
10-23
在JavaScript中创建日期对象的常用方式是使用new Date()函数。new Date()函数可以接收不同的参数来创建一个日期对象，例如一个指定的日期字符串、一个日期数（即从1970年1月1日至今的毫秒数）、一系列整数（代表年月...
// 工时计算函数 const calculateWorkHours=(startTime, endTime)=> { const dayStart = new Date(startTime); dayStart.setHours(8, 0, 0, 0); // 08:00:00 const dayEnd = new Date(startTime); dayEnd.setHours(18, 0, 0, 0); // 18:00:00 const breakStart = new Date(startTime); breakStart.setHours(12, 0, 0, 0); // 12:00:00 const breakEnd = new Date(startTime); breakEnd.setHours(14, 0, 0, 0); // 14:00:00 // 实际上班时间取 max(startTime, dayStart) const actualStart = Math.max(startTime, dayStart.getTime()); // 实际下班时间取 min(endTime, dayEnd) const actualEnd = Math.min(endTime, dayEnd.getTime()); // 如果上班时间晚于下班时间，说明不在工作时间内 if (actualStart >= actualEnd) { return 0; } // 总工作时间（毫秒） let totalWorkTime = actualEnd - actualStart; // 计算午休时间重叠部分 const overlapStart = Math.max(actualStart, breakStart.getTime()); const overlapEnd = Math.min(actualEnd, breakEnd.getTime()); if (overlapStart < overlapEnd) { totalWorkTime -= (overlapEnd - overlapStart); // 扣除午休时间 } // 返回小时数（保留2位小数） return (totalWorkTime / (1000 * 60 * 60)).toFixed(2); }这个方法有问题18:00之后的也算工时的
最新发布
09-10
你提供的 `calculateWorkHours` 函数确实存在一个 bug：**当 `endTime` 超过当天的 18:00（即 `dayEnd`）时，函数没有正确截断下班时间，导致计算出的工时包含了 18:00 之后的时间段。** ### 问题分析 在你的代码...
JS Date对象及日期处理的坑
Joyce的前端日常
03-06 2781
文章目录1. Bug建议(1) 日期字符串用/的格式(2) 使用moment.js日期处理类库2. Date对象、时间字符串、时间戳 1. Bug 不要这样写new Date('2019-3-5')，会出bug。这个String格式为YYYY-M-D。 在iOS手机和safari浏览器上，这个格式会报错，改为YYYY-MM-DD，即new Date('2019-03-05')是可以的，用/也是可以...
关于new Date().getTime()的简写方式.
Dream It Possible
09-07 1万+
Demo1: 运行 alert( new Date().getTime() ); alert( typeof ( new Date().getTime() ) ); Demo2: 运行 alert( + new Date() );
时间戳（new Date().getTime()）
sinat_37766692的博客
12-29 1958
定义了一个变量为对象类型，用这个变量接收一组数据，数据也为数组，数组元素为对象类型，每一个元素中的对象值key重复，value 不重复，需要将每一个对象的value值存至新定义的变量中。总结：不要小瞧代码的执行速度，时间戳也不一定满足key值唯一的需求，刚开始怀疑获取时间戳是异步，最后查资料不是，最后将时间戳打印出来发现是重复导致的。原因：实际的业务逻辑在赋值之前有3层for循环，循环完一次的耗费时间小于毫秒级，导致key值相同被覆盖。问题：发现打印的obj只有一个值，数据有丢失。
Java中new Date().getTime()时间戳问题
不见其长，日有所长
05-26 5万+
1. getTime()返回值 Java和JavaScript都支持时间类型Date，他们的getTime()方法返回的是毫秒数。默认返回的是13位数字，单位是毫秒。 2. 注意事项 /** * Returns the number of milliseconds since January 1, 1970, 00:00:00 GMT * represented by this <tt>Date</tt> object. * * @retur
(new date).gettime() php,JavaScript
weixin_39859220的博客
03-29 542
JavaScript getTime() 方法定义和用法getTime() 方法可返回距 1970 年 1 月 1 日之间的毫秒数。语法dateObject.getTime()返回值dateObject 指定的日期和时间距 1970 年 1 月 1 日午夜(GMT 时间)之间的毫秒数。提示和注释：注释：该方法总是结合一个 Date 对象来使用。实例例子 1在本例中，我们将取得从 1970/01/0...
js中的时间转换—毫秒转换成日期时间
热门推荐
前端开发＆搜索引擎优化
09-13 6万+
js毫秒时间转换成日期时间 var oldTime = (new Date("2011/11/11 20:10:10")).getTime(); //得到毫秒数 大多数是用毫秒数除以365*24*60*60&1000，这么转回去，这种方法转换太过复杂，年月日，时分秒都要不同的方法获取，而且有的年份有366天，有的365天，这么算起来就太过复杂了。 后面自己试了一个方法，居然成
new Date().getTime()或者Date.now()获取到时间戳不准确
a329715712的博客
11-24 2309
多次修改系统时间后，使用new Date().getTime()或者Date.now()获取到时间戳不准确，一直是修改前的时间，得过一段时间后（windows chrome是30s左右），再次调用才能成功拿到最新的修改后的时间。
JAVA获取时间戳:new Date().getTime() 和 System.currentTimeMillis() 用法区别
.
09-13 1万+
JAVA获取时间戳:new Date().getTime() 和 System.currentTimeMillis() 用法区别
JavaScript Date getTime() 方法
firstcode666的博客
11-27 6914
实例 返回自 1970/01/01 以来的毫秒数： var d = new Date(); var n = d.getTime(); Date.parse() Date.parse()方法解析一个表示某个日期的字符串，并返回从1970-1-1 00:00:00 UTC 到该日期对象（该日期对象的UTC时间）的毫秒数，如果该字符串无法识别，或者一些情况下，包含了不合法的日期数值（如：2015-02-31），则返回值为NaN。 不推荐在ES5之前使用Date.parse方法，因为字符串的解析完.
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

麻辣翅尖

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值