javascript内置对象Date怎么使用

发布时间：2022-03-15 18:15:09 作者：iii
来源：亿速云阅读：568

JavaScript内置对象Date怎么使用

JavaScript中的Date对象是用于处理日期和时间的内置对象。它提供了丰富的方法来获取、设置、格式化日期和时间，以及进行日期和时间的计算。本文将详细介绍Date对象的使用方法，包括创建日期对象、获取和设置日期时间、格式化日期时间、以及进行日期时间的计算等。

1. 创建Date对象

在JavaScript中，可以使用Date构造函数来创建日期对象。Date对象可以表示从1970年1月1日（UTC）开始的毫秒数，也可以表示特定的日期和时间。

1.1 无参数构造函数

如果不传递任何参数给Date构造函数，它将创建一个表示当前日期和时间的Date对象。

let now = new Date();
console.log(now); // 输出当前日期和时间

1.2 传递毫秒数

可以传递一个表示从1970年1月1日（UTC）开始的毫秒数给Date构造函数，以创建一个特定的日期对象。

let date = new Date(1633072800000);
console.log(date); // 输出: 2021-10-01T12:00:00.000Z

1.3 传递日期字符串

可以传递一个日期字符串给Date构造函数，以创建一个特定的日期对象。日期字符串的格式可以是多种多样的，但最好使用ISO 8601格式（如YYYY-MM-DDTHH:mm:ss.sssZ）。

let date = new Date("2021-10-01T12:00:00Z");
console.log(date); // 输出: 2021-10-01T12:00:00.000Z

1.4 传递年、月、日等参数

可以传递年、月、日、时、分、秒、毫秒等参数给Date构造函数，以创建一个特定的日期对象。需要注意的是，月份是从0开始的，即0表示1月，11表示12月。

let date = new Date(2021, 9, 1, 12, 0, 0, 0);
console.log(date); // 输出: 2021-10-01T12:00:00.000Z

2. 获取日期和时间

Date对象提供了多种方法来获取日期和时间的各个部分，如年、月、日、时、分、秒、毫秒等。

2.1 获取年、月、日

getFullYear()：获取年份（四位数）。
getMonth()：获取月份（0-11）。
getDate()：获取日期（1-31）。

let date = new Date();
console.log(date.getFullYear()); // 输出当前年份
console.log(date.getMonth());    // 输出当前月份（0-11）
console.log(date.getDate());     // 输出当前日期（1-31）

2.2 获取时、分、秒、毫秒

getHours()：获取小时（0-23）。
getMinutes()：获取分钟（0-59）。
getSeconds()：获取秒数（0-59）。
getMilliseconds()：获取毫秒数（0-999）。

let date = new Date();
console.log(date.getHours());        // 输出当前小时（0-23）
console.log(date.getMinutes());      // 输出当前分钟（0-59）
console.log(date.getSeconds());     // 输出当前秒数（0-59）
console.log(date.getMilliseconds()); // 输出当前毫秒数（0-999）

2.3 获取星期几

getDay()：获取星期几（0-6），其中0表示星期日，6表示星期六。

let date = new Date();
console.log(date.getDay()); // 输出当前星期几（0-6）

2.4 获取时间戳

getTime()：获取从1970年1月1日（UTC）到当前日期的毫秒数。

let date = new Date();
console.log(date.getTime()); // 输出当前时间戳

3. 设置日期和时间

Date对象还提供了多种方法来设置日期和时间的各个部分。

3.1 设置年、月、日

setFullYear(year[, month[, date]])：设置年份（四位数），可选设置月份和日期。
setMonth(month[, date])：设置月份（0-11），可选设置日期。
setDate(date)：设置日期（1-31）。

let date = new Date();
date.setFullYear(2022);
date.setMonth(11); // 12月
date.setDate(25);
console.log(date); // 输出: 2022-12-25T12:00:00.000Z

3.2 设置时、分、秒、毫秒

setHours(hours[, minutes[, seconds[, milliseconds]]])：设置小时（0-23），可选设置分钟、秒、毫秒。
setMinutes(minutes[, seconds[, milliseconds]])：设置分钟（0-59），可选设置秒、毫秒。
setSeconds(seconds[, milliseconds])：设置秒数（0-59），可选设置毫秒。
setMilliseconds(milliseconds)：设置毫秒数（0-999）。

let date = new Date();
date.setHours(15);
date.setMinutes(30);
date.setSeconds(45);
date.setMilliseconds(500);
console.log(date); // 输出: 2021-10-01T15:30:45.500Z

3.3 设置时间戳

setTime(time)：设置从1970年1月1日（UTC）到指定日期的毫秒数。

let date = new Date();
date.setTime(1633072800000);
console.log(date); // 输出: 2021-10-01T12:00:00.000Z

4. 格式化日期和时间

Date对象本身没有提供直接的格式化方法，但可以通过组合使用get方法来格式化日期和时间。

4.1 格式化日期

let date = new Date();
let year = date.getFullYear();
let month = date.getMonth() + 1; // 月份从0开始，需要加1
let day = date.getDate();
let formattedDate = `${year}-${month < 10 ? '0' + month : month}-${day < 10 ? '0' + day : day}`;
console.log(formattedDate); // 输出: 2021-10-01

4.2 格式化时间

let date = new Date();
let hours = date.getHours();
let minutes = date.getMinutes();
let seconds = date.getSeconds();
let formattedTime = `${hours < 10 ? '0' + hours : hours}:${minutes < 10 ? '0' + minutes : minutes}:${seconds < 10 ? '0' + seconds : seconds}`;
console.log(formattedTime); // 输出: 12:00:00

4.3 格式化日期和时间

let date = new Date();
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
let hours = date.getHours();
let minutes = date.getMinutes();
let seconds = date.getSeconds();
let formattedDateTime = `${year}-${month < 10 ? '0' + month : month}-${day < 10 ? '0' + day : day} ${hours < 10 ? '0' + hours : hours}:${minutes < 10 ? '0' + minutes : minutes}:${seconds < 10 ? '0' + seconds : seconds}`;
console.log(formattedDateTime); // 输出: 2021-10-01 12:00:00

5. 日期和时间的计算

Date对象可以用于进行日期和时间的计算，如计算两个日期之间的差值、增加或减少日期和时间等。

5.1 计算两个日期之间的差值

可以通过获取两个日期的时间戳，然后计算它们的差值来得到两个日期之间的毫秒数。

let date1 = new Date("2021-10-01T12:00:00Z");
let date2 = new Date("2021-10-02T12:00:00Z");
let diff = date2.getTime() - date1.getTime();
console.log(diff); // 输出: 86400000 (24小时的毫秒数)

5.2 增加或减少日期和时间

可以通过设置Date对象的各个部分来增加或减少日期和时间。

let date = new Date("2021-10-01T12:00:00Z");
date.setDate(date.getDate() + 1); // 增加1天
console.log(date); // 输出: 2021-10-02T12:00:00.000Z

date.setHours(date.getHours() + 2); // 增加2小时
console.log(date); // 输出: 2021-10-02T14:00:00.000Z

6. 其他常用方法

6.1 获取UTC时间

getUTCFullYear()：获取UTC年份。
getUTCMonth()：获取UTC月份（0-11）。
getUTCDate()：获取UTC日期（1-31）。
getUTCHours()：获取UTC小时（0-23）。
getUTCMinutes()：获取UTC分钟（0-59）。
getUTCSeconds()：获取UTC秒数（0-59）。
getUTCMilliseconds()：获取UTC毫秒数（0-999）。

let date = new Date();
console.log(date.getUTCFullYear()); // 输出UTC年份
console.log(date.getUTCMonth());    // 输出UTC月份（0-11）
console.log(date.getUTCDate());     // 输出UTC日期（1-31）
console.log(date.getUTCHours());    // 输出UTC小时（0-23）
console.log(date.getUTCMinutes());  // 输出UTC分钟（0-59）
console.log(date.getUTCSeconds());  // 输出UTC秒数（0-59）
console.log(date.getUTCMilliseconds()); // 输出UTC毫秒数（0-999）

6.2 获取时区偏移量

getTimezoneOffset()：获取当前时区与UTC的偏移量（以分钟为单位）。

let date = new Date();
console.log(date.getTimezoneOffset()); // 输出当前时区与UTC的偏移量（以分钟为单位）

7. 总结

Date对象是JavaScript中用于处理日期和时间的内置对象，它提供了丰富的方法来获取、设置、格式化日期和时间，以及进行日期和时间的计算。通过熟练掌握Date对象的使用方法，可以轻松处理各种日期和时间相关的需求。

在实际开发中，可能会遇到更复杂的日期和时间处理需求，这时可以考虑使用第三方库（如moment.js或date-fns）来简化操作。但对于大多数常见的日期和时间操作，Date对象已经足够强大和灵活。

希望本文对你理解和使用JavaScript中的Date对象有所帮助！