ES Date类型详解

一、Date类型简介

Date类型是Javascript中的内置对象，用于处理日期和时间相关的数据。

在JavaScript中，Date类型的实例是从1970年1月1日00:00:00以来的毫秒数。可以使用以下任何一种方式创建一个Date对象：

//不带参数的构造函数，创建当前系统的时间
const date1 = new Date();
//传递一个代表指定日期的字符串作为参数，注意字符串必须符合GMT格式
const date2 = new Date("January 1 2019");
//传递一个代表指定日期的时间戳作为参数
const date3 = new Date(1589565564318);

二、Date类型方法

1. 获取年份、月份、日期、小时、分钟、秒数等

可以使用以下方法获取Date对象的具体时间信息：

getFullYear() 返回一个表示年份的四位数字
getMonth() 返回0~11表示月份
getDate() 返回1~31表示每月的日期数
getHours() 返回0~23表示小时数
getMinutes() 返回0~59表示分钟数
getSeconds() 返回0~59表示秒数
getMilliseconds() 返回0~999表示毫秒数

const date = new Date();
console.log(date.getFullYear()); // 返回当前年份
console.log(date.getMonth()); // 返回当前月份
console.log(date.getDate()); // 返回当前日期
console.log(date.getHours()); // 返回当前小时
console.log(date.getMinutes()); // 返回当前分钟
console.log(date.getSeconds()); // 返回当前秒数
console.log(date.getMilliseconds()); // 返回当前毫秒数

2. 时间的比较

可以使用以下方法比较两个时间的先后顺序：

getTime() 返回一个代表日期的时间戳，该时间戳表示从1970年1月1日00:00:00以来的毫秒数。
valueOf() 返回一个代表日期的时间戳，可以直接进行数字比较。
getTimezoneOffset() 返回当前时区与UTC的时间差，单位为分钟。

const date1 = new Date("January 1 2020");
const date2 = new Date("January 1 2021");
if (date1.getTime() < date2.getTime()) {
  console.log("date1在date2之前");
}
if (date1.valueOf() < date2.valueOf()) {
  console.log("date1在date2之前");
}
console.log(date1.getTimezoneOffset()); // 返回当前时区与UTC的时间差，单位为分钟

3. 时间的格式化

可以使用以下方法将Date对象格式化为字符串：

toDateString() 将日期部分转换为字符串，格式为”Month day year”
toLocaleString() 将完整的日期和时间转换为本地字符串表示，格式由浏览器厂商决定
toLocaleDateString() 将日期转换为本地字符串表示，格式由浏览器厂商决定
toLocaleTimeString() 将时间转换为本地字符串表示，格式由浏览器厂商决定
toString() 将完整的日期和时间转换为字符串表示，格式由浏览器厂商决定
toTimeString() 将时间部分转换为字符串，格式为”hours:minutes:seconds”
toUTCString() 将完整的日期和时间转换为UTC时间表示，格式为”Fri, 12 Feb 2021 13:01:37 GMT”

const date = new Date("2021-02-14T10:20:30Z");
console.log(date.toDateString()); // 返回"Sun Feb 14 2021"
console.log(date.toLocaleString()); // 返回"2021/2/14 上午6:20:30"
console.log(date.toLocaleDateString()); // 返回"2021/2/14"
console.log(date.toLocaleTimeString()); // 返回"上午10:20:30"
console.log(date.toString()); // 返回"Sun Feb 14 2021 18:20:30 GMT+0800 (中国标准时间)"
console.log(date.toTimeString()); // 返回"10:20:30 GMT+0800 (中国标准时间)"
console.log(date.toUTCString()); // 返回"Sun, 14 Feb 2021 02:20:30 GMT"

三、ES6新增的Date类型方法

1. 时间的比较

可以使用ES6新增的方法比较两个时间的先后顺序：

Date.parse() 将一个日期字符串解析为时间戳，返回毫秒数。
Date.now() 返回当前时间的时间戳，精度为毫秒。

const date1 = Date.parse("2021-01-01");
const date2 = Date.parse("2022-01-01");
if (date1 < date2) {
  console.log("date1在date2之前");
}
console.log(Date.now()); // 返回当前时间的时间戳，精度为毫秒

2. 时间的转换

可以使用ES6新增的方法将时间单位进行转换：

getTime() 返回一个代表日期的时间戳，该时间戳表示从1970年1月1日00:00:00以来的毫秒数。
valueOf() 返回一个代表日期的时间戳，可以直接进行数字比较。
getTimezoneOffset() 返回当前时区与UTC的时间差，单位为分钟。

const minutes = 60 * 1000;
const hours = 60 * minutes;
const days = 24 * hours;
console.log(minutes + "毫秒是一分钟");
console.log(hours + "毫秒是一小时");
console.log(days + "毫秒是一天");

四、总结

Date类型是处理JavaScript日期和时间的非常重要的内置对象，提供了多种方法用于获取或者格式化日期和时间，同时也可以比较不同日期之间的先后顺序。

原创文章，作者：QDCK，如若转载，请注明出处：https://www.506064.com/n/145368.html