在 JavaScript 中进行日期相减
本文介绍了如何在 JavaScript 中减去两个日期。
在 JavaScript 中使用 getTime()
函数进行 Datetime 相减
第一步是使用内置的 new Date()
函数定义两个日期。为了得到它们之间的天数差,使用 getTime()
函数减去这两个日期,将它们转换为数值。你可以打印以天为单位的结果,或者根据需要将其转换为小时、分钟、秒或毫秒。下面是示例代码。
var day1 = new Date("08/25/2020");
var day2 = new Date("12/25/2021");
var difference = day2.getTime()-day1.getTime();
document.write(difference);
输出:
42080400000
使用 Math.abs()
函数对日期时间进行相减
这个过程与第一个过程类似,只是它返回的是绝对值。你需要定义两个日期,然后使用 Math.abs()
函数将两个变量相减,如下所示。
var day1 = new Date("08/25/2020");
var day2 = new Date("08/25/2021");
var difference= Math.abs(day2-day1);
days = difference/(1000 * 3600 * 24)
console.log(days)
输出:
365
注意
,Math.abs()
函数是区分大小写的,如果写的不一样,将无法使用。
使用 Date.UTC()
函数将日期转换为 UTC
当问题的日期跨越夏令时的变化时,上面的解决方案可能会有一点问题。解决这个问题的最好方法是将日期转换为 UTC,首先摆脱 DST,然后得到它们之间的差异。我们需要为这两个日期创建一个函数,其中包含两个对象,即
function difference(date1, date2) {
const date1utc = Date.UTC(date1.getFullYear(), date1.getMonth(), date1.getDate());
const date2utc = Date.UTC(date2.getFullYear(), date2.getMonth(), date2.getDate());
day = 1000*60*60*24;
return(date2utc - date1utc)/day
}
const date1 = new Date("2020-12-10"),
date2 = new Date("2021-10-31"),
time_difference = difference(date1,date2)
console.log(time_difference)
输出:
325
相关文章
在 Angular 中上传文件
发布时间:2023/04/14 浏览次数:71 分类:Angular
-
本教程演示了如何在 Angular 中上传任何文件。我们还将介绍如何在文件上传时显示进度条,并在上传完成时显示文件上传完成消息。
Angular 中所有 Mat 图标的列表
发布时间:2023/04/14 浏览次数:91 分类:Angular
-
本教程演示了在哪里可以找到 Angular 中所有 Mat 图标的列表以及如何使用它们。
Angular 2 中的复选框双向数据绑定
发布时间:2023/04/14 浏览次数:139 分类:Angular
-
本教程演示了如何一键标记两个复选框。这篇有 Angular 的文章将着眼于执行复选框双向数据绑定的不同方法。
在 AngularJS 中重新加载页面
发布时间:2023/04/14 浏览次数:142 分类:Angular
-
我们可以借助 windows.location.reload 和 reload 方法在 AngularJS 中重新加载页面。
在 AngularJs 中设置 Select From Typescript 的默认选项值
发布时间:2023/04/14 浏览次数:78 分类:Angular
-
本教程提供了在 AngularJs 中从 TypeScript 中设置 HTML 标记选择的默认选项的解释性解决方案。
在 AngularJS 中启用 HTML5 模式
发布时间:2023/04/14 浏览次数:150 分类:Angular
-
本文讨论如何在 AngularJS 应用程序上启用带有深度链接的 HTML5 模式。
在 AngularJs 中加载 spinner
发布时间:2023/04/14 浏览次数:107 分类:Angular
-
我们将介绍如何在请求加载时添加加载 spinner,并在 AngularJs 中加载数据时停止加载器。
在 Angular 中显示和隐藏
发布时间:2023/04/14 浏览次数:78 分类:Angular
-
本教程演示了 Angular 中的显示和隐藏。在开发商业应用程序时,我们需要根据用户角色或条件隐藏一些数据。我们必须根据该应用程序中的条件显示相同的数据。
在 Angular 中下载文件
发布时间:2023/04/14 浏览次数:104 分类:Angular
-
本教程演示了如何在 angular 中下载文件。我们将介绍如何通过单击按钮在 Angular 中下载文件并显示一个示例。