JavaScript 中的日期和时间及表示标准介绍

JavaScript 中的日期和时间及表示标准介绍

JavaScript 提供了几个用于操作和显示日期和时间的内置对象。这些对象可以帮助我们在网页中创建动态的交互效果，比如根据日期显示不同的内容，或者计算出两个日期之间的差值等。

日期和时间的内置对象

JavaScript 中用于处理日期和时间的内置对象有 Date、Intl.DateTimeFormat 和 Intl.RelativeTimeFormat 三个。下面先介绍 Date 对象，DateTimeFormat 和 RelativeTimeFormat 的使用方法将在另外两篇攻略中介绍。

Date 对象

Date 对象用于处理日期和时间。可以使用 new Date() 构造函数来创建一个 Date 对象：

// 创建一个表示当前时间的 Date 对象实例
var now = new Date();

当然，也可以传入表示日期和时间的字符串来创建 Date 对象：

// 使用字符串来创建一个 Date 对象实例
var date1 = new Date('2010-03-25T12:00:00');
var date2 = new Date('2010-03-25 12:00:00');
var date3 = new Date('March 25, 2010 12:00:00');

需要注意的是，传入的日期和时间字符串的格式需要遵循一定的规范，否则可能会解析出错误的结果。下面是一些常见的日期时间表示格式：

• ISO 日期格式：YYYY-MM-DDTHH:mm:ss.sssZ，其中 Z 表示时区偏移。
• 标准日期格式：YYYY-MM-DD。
• 24 小时制的时间格式：HH:mm:ss。
• 12 小时制的时间格式：hh:mm:ss A，其中 A 表示上午或下午。

Date 对象有很多实用的方法，下面介绍一些常用的方法：

• getFullYear()：获取当前时间的年份。
• getMonth()：获取当前时间的月份，从 0 开始计数，即 0 表示一月。
• getDate()：获取当前时间的日期，从 1 开始计数，即表示本月的第几天。
• getDay()：获取当前时间的星期几，0 表示周日，1 表示周一，以此类推。
• getHours()：获取当前时间的小时数，24 小时制，0 到 23。
• getMinutes()：获取当前时间的分钟数，0 到 59。
• getSeconds()：获取当前时间的秒数，0 到 59。

下面是一个例子，展示如何使用 Date 对象和以上方法来获取当前时间的年份、月份、日期、小时数和分钟数等：

// 创建一个 Date 对象实例
var now = new Date();
// 获取当前时间的年份
var year = now.getFullYear();
// 获取当前时间的月份（从 0 开始计数）
var month = now.getMonth() + 1;
// 获取当前时间的日期
var date = now.getDate();
// 获取当前时间的小时数
var hours = now.getHours();
// 获取当前时间的分钟数
var minutes = now.getMinutes();
// 获取当前时间的秒数
var seconds = now.getSeconds();
// 输出当前时间的信息
console.log(year + '-' + month + '-' + date + ' ' + hours + ':' + minutes + ':' + seconds);

示例解析

上述代码通过创建一个 Date 对象实例 now，然后使用 now 对象的 getFullYear()、getMonth()、getDate()、getHours()、getMinutes() 和 getSeconds() 方法分别获取了当前时间的年份、月份、日期、小时数、分钟数和秒数，并将这些值拼接在一起，以字符串的形式输出到控制台。运行上述代码，可能会得到类似下面的输出：

2019-7-26 9:35:15

在另一个例子中，我们可以使用 new Date(year, month, date [, hour, minute, second, millisecond]) 构造函数来创建一个指定的日期和时间：

// 创建一个表示 2010 年 3 月 25 日上午 9 点的 Date 对象实例
var date1 = new Date(2010, 2, 25, 9);
// 创建一个表示 2010 年 3 月 25 日上午 9 点 30 分的 Date 对象实例
var date2 = new Date(2010, 2, 25, 9, 30);
// 创建一个表示 2010 年 3 月 25 日上午 9 点 30 分 25 秒的 Date 对象实例
var date3 = new Date(2010, 2, 25, 9, 30, 25);

示例解析

上述代码分别使用 new Date(year, month, date [, hour, minute, second, millisecond]) 构造函数来创建了三个 Date 对象实例：一个表示 2010 年 3 月 25 日上午 9 点、一个表示 2010 年 3 月 25 日上午 9 点 30 分、一个表示 2010 年 3 月 25 日上午 9 点 30 分 25 秒。运行上述代码后，可以使用 getFullYear()、getMonth()、getDate()、getHours()、getMinutes() 和 getSeconds() 方法来获取这些对象实例的具体数值信息。