如何比较 TypeScript 中的日期
要在 TypeScript 中比较日期:
-
在每个日期调用
getTime()
方法以获取时间戳。 - 比较日期的时间戳。
- 如果某个日期的时间戳大于另一个日期的时间戳,则该日期在后面。
const date1 = new Date('2022-04-16T06:55:31.820Z');
const date2 = new Date('2022-04-26T09:30:24.820Z');
// ✅ compare dates in TypeScript ✅
if (date1.getTime() === date2.getTime()) {
console.log('dates are the same');
} else {
console.log('dates are NOT the same');
}
if (date1.getTime() > date2.getTime()) {
console.log('date1 comes after date2');
} else if (date1.getTime() < date2.getTime()) {
console.log('date2 comes after date1');
} else {
console.log('dates are the same');
}
// ---------------------------------------------------------
// ✅ compare dates WITHOUT time in TypeScript ✅
const date1WithoutTime = new Date(date1.getTime());
const date2WithoutTime = new Date(date2.getTime());
date1WithoutTime.setUTCHours(0, 0, 0, 0);
date2WithoutTime.setUTCHours(0, 0, 0, 0);
if (date1WithoutTime.getTime() === date2WithoutTime.getTime()) {
console.log('dates are the same');
} else {
console.log('dates are not the same');
}
if (date1WithoutTime.getTime() > date2WithoutTime.getTime()) {
console.log('date1 comes after date2');
} else if (date1WithoutTime.getTime() === date2WithoutTime.getTime()) {
console.log('date1 and date2 are the same');
} else {
console.log('date2 comes after date1');
}
代码片段显示了 2 个示例:
- 如何比较 TypeScript 中的日期,包括时间。
- 如何在没有时间的情况下比较 TypeScript 中的日期。
我们使用 Date()
构造函数创建了 2 个日期对象。第一个日期是 2022 年 4 月 16 日,第二个日期是 2022 年 4 月 26 日。
getTime
方法返回 1970 年 1 月 1 日 00:00:00 和给定日期之间经过的毫秒的时间戳。
如果一个日期的时间戳大于另一个日期的时间戳,则第一个日期在第二个日期之后。
另一方面,如果两个日期的时间戳相等,则这两个日期表示完全相同的时间点(包括小时、分钟、秒和毫秒)。
我们可以比较 getTime()
的输出,就像比较 TypeScript 中的数字一样。
有时我们需要比较两个日期而忽略时间组件。
要在 TypeScript 中比较两个没有时间的日期:
- 创建每个日期的副本。
-
使用
setUTCHours()
方法将复制日期的时间设置为午夜。 -
比较在日期上调用
getTime()
方法的输出。
const date1 = new Date('2022-04-16T06:55:31.820Z');
const date2 = new Date('2022-04-16T09:30:24.820Z');
// ✅ compare dates WITHOUT time in TypeScript
const date1WithoutTime = new Date(date1.getTime());
const date2WithoutTime = new Date(date2.getTime());
date1WithoutTime.setUTCHours(0, 0, 0, 0);
date2WithoutTime.setUTCHours(0, 0, 0, 0);
if (date1WithoutTime.getTime() === date2WithoutTime.getTime()) {
console.log('dates are the same');
} else {
console.log('dates are not the same');
}
if (date1WithoutTime.getTime() > date2WithoutTime.getTime()) {
console.log('date1 comes after date2');
} else if (date1WithoutTime.getTime() === date2WithoutTime.getTime()) {
console.log('date1 and date2 are the same');
} else {
console.log('date2 comes after date1');
}
示例中的两个日期对象表示 2022 年 4 月 16 日。
为了能够比较日期并忽略时间,我们必须将日期的时间重置为午夜(或简单地相同的小时、分钟、秒和毫秒)。
setUTCHours
方法将小时、分钟、秒和毫秒作为参数,并根据通用时间设置给定日期的值。
但是
,setUTCHours
方法会更改 Date 对象,这可能不是我们想要的。
这就是为什么我们使用 getTime
方法来获取从 1970 年 1 月 1 日 00:00:00 到给定日期之间经过的毫秒的时间戳。
我们可以将时间戳传递给 Date() 构造函数以创建 Date 对象的副本。
我们使用 setUTCHours
方法将日期的时间设置为午夜,因此我们可以忽略时间来比较日期。
getTime
方法返回一个数字,表示 Unix 纪元和给定日期之间经过的毫秒数。
// 👇️ 1650094409568
console.log(new Date().getTime());
如果我们有两个日期存储相同的年、月和日,那么时间戳将相等,因为我们将两个日期的时间都设置为午夜。
如果一个日期大于另一个日期,那么它的时间戳将存储一个更大的数字,因为在 Unix 纪元和特定日期之间已经过去了更多的时间。
相关文章
在 AngularJs 中设置 Select From Typescript 的默认选项值
发布时间:2023/04/14 浏览次数:78 分类:Angular
-
本教程提供了在 AngularJs 中从 TypeScript 中设置 HTML 标记选择的默认选项的解释性解决方案。
在 Angular 中使用 TypeScript 的 getElementById 替换
发布时间:2023/04/14 浏览次数:153 分类:Angular
-
本教程指南提供了有关使用 TypeScript 在 Angular 中替换 document.getElementById 的简要说明。这也提供了在 Angular 中 getElementById 的最佳方法。
在 TypeScript 中使用 try..catch..finally 处理异常
发布时间:2023/03/19 浏览次数:181 分类:TypeScript
-
本文详细介绍了如何在 TypeScript 中使用 try..catch..finally 进行异常处理,并附有示例。
在 TypeScript 中使用 declare 关键字
发布时间:2023/03/19 浏览次数:97 分类:TypeScript
-
本教程指南通过特定的实现和编码示例深入了解了 TypeScript 中 declare 关键字的用途。
在 TypeScript 中 get 和 set
发布时间:2023/03/19 浏览次数:172 分类:TypeScript
-
本篇文章演示了类的 get 和 set 属性以及如何在 TypeScript 中实现它。
在 TypeScript 中格式化日期和时间
发布时间:2023/03/19 浏览次数:161 分类:TypeScript
-
本教程介绍内置对象 Date() 并讨论在 Typescript 中获取、设置和格式化日期和时间的各种方法。
在 TypeScript 中返回一个 Promise
发布时间:2023/03/19 浏览次数:182 分类:TypeScript
-
本教程讨论如何在 TypeScript 中返回正确的 Promise。这将提供 TypeScript 中 Returns Promise 的完整编码示例,并完整演示每个步骤。
在 TypeScript 中定义函数回调的类型
发布时间:2023/03/19 浏览次数:221 分类:TypeScript
-
本教程说明了在 TypeScript 中为函数回调定义类型的解决方案。为了程序员的方便和方便,实施了不同的编码实践指南。
在 TypeScript 中把 JSON 对象转换为一个类
发布时间:2023/03/19 浏览次数:110 分类:TypeScript
-
本教程演示了如何将 JSON 对象转换为 TypeScript 中的类。