迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 > JavaScript >

JavaScript 获取当前日期时间

作者:迹忆客 最近更新:2023/03/24 浏览次数:

在现代网络中,我们使用的几乎每个网站都是使用 JavaScript 构建的。用户访问的日期和时间对于维护他们的浏览模式记录至关重要。JavaScript 为我们提供了一个 Date 对象,可用于获取当前日期和时间。然后,我们可以以我们喜欢的任何所需形式从中提取日期和时间。在本教程中,我们将看到根据我们的要求在 JavaScript 中获取当前日期的不同方法。


在 JavaScript 中使用 getDate()getMonth()getYear() 方法获取当前日期

在这种方法中,我们使用各自的方法获取日期的不同部分。使用 getDate() 提取日期,使用 getMonth() 提取月份,使用 getYear() 方法提取年份。提取的月份是 0 索引的,因此我们需要添加 1 以获取当前月份。一位数的日和月可以用 0 填充,使它们都是 2 位数字。然后我们连接所有 3 部分的结果以获得最终日期。

let date = new Date();
let output = String(date.getDate()).padStart(2, '0'); + '/' + String(date.getMonth() + 1).padStart(2, '0') + '/' + date.getFullYear();;

在 JavaScript 中使用 Date.toDateString() 方法获取当前日期

toDateString() 方法返回 Date 对象的日期和日期部分。返回类型是一个字符串,由 3 个指定日期的字母、3 个指定月份的字母以及数字格式的日期和日期组成。与上面的方法相比,这种方法非常方便,我们必须使用单独的函数来获取日期、月份和年份。但是如果我们想要数字格式的日期,那么这种方法没有多大帮助。

let date = new Date().toDateString();
console.log(date);

输出:

"Mon Jun 14 2021"

在 JavaScript 中使用 Date.toISOString() 方法获取当前日期

此方法用于以 ISO 8601 格式返回日期和时间。它通常以 24 个字符的长格式返回输出,例如 YYYY-MM-DDTHH:mm:ss.sssZ。我们可以注意到日期和时间由字母 T 分开。因此,如果我们将 ISO 日期/时间字符串除以 T,我们将得到两个字符串,一个包含日期,另一个包含时间。这样,我们可以从 ISO 字符串中获取当前日期。不典型的一件事是输出由 - 而不是/分隔。因此,应该根据要求使用不同的方法。

let date = new Date();
console.log(date.toISOString().split('T')[0]);

输出:

"2021-06-14"

在 JavaScript 中使用内置方法 toLocaleDateString() 获取当前日期

此函数旨在获取 Date 对象的语言敏感日期部分。locale 参数指定语言标签和国家,选项有助于进一步自定义它。但是我们也可以使用它来简单地从 Date 对象中获取当前日期。

let date = new Date();
console.log(Date.toLocaleDateString());

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

在 Angular 中上传文件

发布时间:2023/04/14 浏览次数:71 分类:Angular

本教程演示了如何在 Angular 中上传任何文件。我们还将介绍如何在文件上传时显示进度条,并在上传完成时显示文件上传完成消息。

Angular 2 中的复选框双向数据绑定

发布时间:2023/04/14 浏览次数:139 分类:Angular

本教程演示了如何一键标记两个复选框。这篇有 Angular 的文章将着眼于执行复选框双向数据绑定的不同方法。

在 AngularJs 中加载 spinner

发布时间:2023/04/14 浏览次数:107 分类:Angular

我们将介绍如何在请求加载时添加加载 spinner,并在 AngularJs 中加载数据时停止加载器。

在 Angular 中显示和隐藏

发布时间:2023/04/14 浏览次数:78 分类:Angular

本教程演示了 Angular 中的显示和隐藏。在开发商业应用程序时,我们需要根据用户角色或条件隐藏一些数据。我们必须根据该应用程序中的条件显示相同的数据。

在 Angular 中下载文件

发布时间:2023/04/14 浏览次数:104 分类:Angular

本教程演示了如何在 angular 中下载文件。我们将介绍如何通过单击按钮在 Angular 中下载文件并显示一个示例。

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便