javascript 提供的 api 使开发人员能够轻松处理日期、时间和时区。在本文中，我们将了解如何使用 javascript 的日期和时间 api 来获取当前日期和时间、设置它们的格式以及执行其他操作。
javascript 中的日期和时间简介在 web 开发中处理日期和时间是不可避免的。它在各种在线应用程序中用于显示日期和时间、倒计时器和时间戳，以及安排事件和处理用户与时间元素的交互。 javascript 有一个内置的 date 对象，它是处理日期和时间的关键工具。
您是否曾经访问过某个网站（例如电子商务网站），该网站在有限的时间内以折扣价展示商品？或者餐厅网站上的开业倒计时？或者网站上正在计时的动画？这些是使用日期和时间 api 进行 web 开发的许多场景的一些示例。
获取当前日期和时间现在我们如何使用 javascript 中的内置 date 对象来获取当前日期和时间？这很简单。您需要做的就是创建一个不带任何参数的 date 对象的新实例来获取当前日期和时间。接下来，将当前日期和时间记录到控制台。
const currentdate = new date();console.log(currentdate);
这将以以下格式将当前日期和时间记录到您的控制台上：日-月-日-年时-分-秒时区。例如：tue jul 25 2023 12:37:10 gmt+0100（西非标准时间）。
date 对象还提供了提取日期和时间的各个组成部分的方法，例如年、月、日、小时、分钟、秒、gmt 和时区。这是一个例子：
const currentdate = new date();const year = currentdate.getfullyear();const month = currentdate.getmonth() + 1;const hour = currentdate.gethours();const minute = currentdate.getminutes();const timezoneoffsethours = gmtoffsetinminutes / -60;const timezoneoffsetstring = timezoneoffsethours >= 0 ? `+${timezoneoffsethours}` : `-${math.abs(timezoneoffsethours)}`;console.log(`year: ${year}`);console.log(`month: ${month}`);console.log(`hour: ${hour}`);console.log(`minute: ${minute}`);console.log(`timezone offset: gmt${timezoneoffsetstring}`);
此代码创建一个新的 date 对象，其中包含当前日期和时间。然后它使用 date 对象的各种方法，例如 getfullyear()、getmonth()、gethours() 和 getminutes(), 提取日期和时间的各个组成部分。我们还做了一些计算来获取时区。当您运行此代码时，您将在控制台上看到当前的年、月、小时、分钟和时区。请记住，结果将取决于代码执行的当前日期和时间。
设置日期和时间的格式javascript 中的日期和时间也可以格式化以满足特定需求。上面使用的 date 对象提供了提取日期和时间的各个组成部分并实现基本功能的方法。然而，要格式化日期和时间以满足特定需求，需要一些额外的步骤。有一些 javascript 库可用于格式化日期和时间，其中包括 moment.js、luxon.js、date-fns、day.js 等。在本节中，我们将了解 moment.js 库。
要开始使用 moment.js 库，您需要将其包含在您的项目中。您可以使用以下两种方法之一来执行此操作：
通过在终端或命令行中输入以下命令来使用 npm 安装它： npm install moment将其从 cdn 链接到您的项目。要将 moment.js 链接到您的项目，请将其添加到 html 文件的 head 标记中： const currentdate = new date();const formatteddatetime = moment(currentdate).format(yyyy-mm-dd hh:mm:ss);console.log(formatteddatetime);
其输出为2023-07-25 13:04:38（日期和时间输出是我运行代码时的时间）。 moment.js 中的格式函数接受各种格式字符串以根据需要自定义输出。在本例中，我们将其格式化为仅显示年、月、日、小时、分钟和秒。
演示 moment.js 库使用的另一个示例是：
const addminutes = moment().add(5, 'minutes');console.log(`${addminutes.format('h:mm a')}`);const subtractdays = moment().subtract(3, 'days');console.log(`${subtractdays.format('dddd, mmmm do yyyy')}`)
以下是这些代码行的作用：
第一行代码使用库中的 moment() 函数创建一个表示当前日期和时间的新 moment 对象。然后在此 moment 对象上调用 add() 方法，为其添加 5 分钟。传递给 add() 方法的第一个参数是要添加的单位数。传递的第二个参数是要添加的时间单位（在本例中为“分钟”）。第二行代码是将格式化的日期和时间记录到浏览器控制台的代码。在上一行创建的新 moment 对象上调用 format() 方法。它接受一个字符串作为参数来指定我们希望显示日期和时间的格式。在本例中，格式为：'h:mm a'。 “h”代表小时，“mm”代表 12 小时制格式的分钟，“a”代表 am/pm 名称。例如，如果时间是 5:30，我们添加 5 分钟，那么时间将是 5:35。第三行代码与第一行非常相似，但它执行不同的操作。它使用库中的 moment() 函数创建一个表示当前日期和时间的新时刻对象。然后，在此 moment 对象上调用 subtract() 方法，从中减去 3 天。与 add() 方法一样，传递给 subtract() 方法的第一个参数是要减去的单位数。传递的第二个参数是要减去的时间单位（在本例中为“天”）。在第四行代码中，我们将格式化的日期和时间记录到控制台。在新创建的 moment 对象上调用 format() 方法，它接受一个字符串作为参数来指定我们要显示日期的格式。我们指定的格式是“dddd, mmmm do yyyy”。 “dddd”代表完整的工作日名称，“mmmm”代表完整的月份名称，“do”代表带后缀的月份中的日期，“yyyy”代表年份。假设当前日期是 2023 年 7 月 25 日，我们从中减去 3 天。日期将为“2023 年 7 月 22 日星期六”。这是如何使用 moment.js 在 javascript 中操作日期和时间的快速演示。
时区处理正确处理时区对于与多个国家/地区的用户交互的应用至关重要。默认情况下，javascript 中的 date 对象使用用户的系统时区。然而，它不提供对特定时区工作的直接支持。使用 ecmascript 国际化 api (ecma-402) 中的 intl.datetimeformat 对象来有效管理时区。该格式允许您以本地化格式显示日期和时间信息，包括时区数据。
以下是如何显示特定时区的当前日期和时间的快速演示：
const date = new date(date.utc(2023, 6, 25, 3, 0, 0));console.log(new intl.datetimeformat(en-us).format(date));console.log(new intl.datetimeformat(en-gb).format(date));console.log(new intl.datetimeformat('en-gb', { datestyle: 'full', timestyle: 'long', timezone: 'long', timezone: 'australia/sydney' }).format(date));
第一行代码创建一个新的date对象，名为date，表示日期和时间。在第二行代码中，我们使用 intl.datetimeformat 对象将 date 格式化为美国英语语言环境。 format() 方法用于格式化日期对象，然后返回格式化日期的字符串表示形式。在美国英语区域设置中，格式为月-日-年顺序。因此输出将为 7/25/2023。第三行代码也是如此，但在本例中，我们将 date 格式化为英式英语语言环境。格式为日-月-年顺序。因此输出将为 25/07/2023。第四行使用 intl.datetimeformat 对象，并提供以英式英语语言环境格式化 date 的选项，并将时区设置为“澳大利亚/悉尼”。 “datestyle”选项设置为“full”，“timestyle”选项设置为“long”。 “完整”日期样式提供日期的完整文本表示，“长”时间样式提供时间的长文本表示。 “timezone”选项设置为“澳大利亚/悉尼”，这意味着日期和时间将以澳大利亚悉尼时区显示。输出将如下所示：2023 年 7 月 25 日星期二 13:00:00 gmt+10。实际输出可能会因您当前的时区而异。
请注意，在上面的示例中，我们使用“6”代表七月，而不是“7”，后者代表月份位置。这是因为，在 javascript 中，date 对象（以及 intl.datetimeformat 对象）的月份参数是从零开始的，这意味着一月由 0 表示，二月由 1 表示，依此类推。因此，要表示 7 月，您应该使用 6 而不是 7，而对于 8 月，您应该使用 7 而不是 8。
执行日期和时间操作javascript 中的 date 对象提供了多种执行日期和时间操作的方法，例如计算两个日期之间的差异、添加或删除时间间隔以及比较日期。一些常用的方法有 gettime()、settime()、getfullyear()、getmonth()、getdate()、gethours()、phpcn cphpcn>getminutes () 和 getseconds()。 这些操作对于计算持续时间、设置截止日期和处理应用程序中与时间相关的逻辑等任务至关重要。
以下示例说明了如何计算两个日期之间的差异：
const startdate = new date(2023-07-01);const enddate = new date(2023-07-17);const timedifference = enddate.gettime() - startdate.gettime();const daysdifference = math.floor(timedifference / (1000 * 60 * 60 * 24));console.log(`the days difference is: ${daysdifference}`);
代码说明第一行代码创建一个新的 date 对象，表示日期 2023 年 7 月 1 日。date 构造函数使用 和格式为“yyyy-mm-dd”的日期字符串来指定所需的开始时间日期。另一个新的 date 对象表示日期 2023 年 7 月 17 日，也是使用指定格式的结束日期创建的。第三行代码是计算两个新创建的日期对象“enddate”和“startdate”之间的差异。 gettime()方法用于获取每个date对象的时间值。通过从 enddate 时间值减去 startdate 时间值，我们得到两个日期之间的时间差（以毫秒为单位）。第四行代码：要计算两个日期之间的差异，请将“timedifference”（以毫秒为单位）除以一天中的毫秒数，即 1000 毫秒乘以 60 秒乘以 60分钟乘以 24 小时。结果就是两个日期之间的天数差。 math.floor() 函数用于将结果向下舍入到最接近的整数，以确保我们得到代表天数的整数。第五行代码将“daysdifference”记录到控制台。输出将是 startdate 和 enddate 之间的天数。在此示例中，输出将为 the days difference is: 16，表示 2023 年 7 月 1 日到 2023 年 7 月 17 日之间有 16 天。总之，代码示例使用 date 对象和简单的算术运算来计算两个提供的日期之间的天数差异（startdate 和 enddate）。这对于许多与日期相关的计算非常有用，例如确定两个事件之间的持续时间或给定截止日期之前的天数。
结论在本文中，我们探讨了在 javascript 中处理日期和时间的各个方面。我们讨论了如何执行常见的日期和时间计算，包括添加和减去时间间隔、比较日期以及计算日期之间的差异。我们还探索了流行的 moment.js 库，它提供了处理日期和时间的附加功能。本文还向我们展示了如何使用 intl.datetimeformat 对象格式化日期和时间。
最后，学习 javascript 中的日期和时间 api 使开发人员能够在各个领域创建功能强大、用户友好且对时间敏感的应用程序，从简单的时间显示到计时器倒计时，再到复杂的调度和事件处理。了解如何有效地使用日期和时间数据是任何 javascript 开发人员的必备技能，它可以显着提高应用程序的功能和可用性。
以上就是获取当前日期和时间的利用javascript api获取当前日期和时间的详细内容。