【JavaScript】内置对象 - Date 日期对象 ① ( Date 对象简介 | 使用构造函数创建 Date 对象 | 构造函数参数为时间戳 | 构造函数参数为空 | 构造函数参数为字符串 )

韩曙亮

发布于 2024-05-04 08:30:34

680

发布于 2024-05-04 08:30:34

文章被收录于专栏：韩曙亮的移动开发专栏韩曙亮的移动开发专栏

Date 日期对象参考文档 : https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date

一、Date 日期内置对象

1、Date 对象简介

JavaScript 的 Date 内置对象用于处理日期和时间 , 该 Date 内置对象提供的一系列方法可用于执行各种日期和时间相关的操作 , 如 :

获取当前日期和时间
设置日期和时间
比较日期和时间

等操作 ;

2、创建 Date 对象

Math 对象不需要手动调用构造函数 , 可以直接使用 ;

Date 对象只能通过调用 Date 构造函数进行实例化 , 调用 Date() 构造函数时 , 必须使用 new 操作符进行调用 ;

创建的 Date 对象 , 可以用来创建日期和时间的实例 , 或者表示特定的时间点 ;

创建 Date 对象可以使用如下语法 :

new Date();
new Date(value);
new Date(dateString);
new Date(year, monthIndex [, day [, hours [, minutes [, seconds [, milliseconds]]]]]);

二、使用构造函数创建 Date 对象

1、构造函数参数为空

使用

new Date();

构造函数创建 Date 对象 , 该构造函数中没有参数 , 则会返回当前的时间 ;

代码示例 :

        // 创建 Date 内置对象
        var date = new Date();

        // 打印创建的 Date 对象
        // 输出 : Fri Apr 26 2024 14:33:25 GMT+0800 (中国标准时间)
        console.log(date);

执行结果 ;

2、构造函数参数为时间戳

使用

new Date(value);

构造函数创建 Date 对象 , 传入的参数是一个 Unix 时间戳 Unix Time Stamp , 该时间戳是从 1970 年 1 月 1 日 00:00:00 UTC 开始的毫秒数 ;

代码示例 :

        // 2. 创建 Date 内置对象 , 参数为 时间戳
        var date = new Date(0);

        // 打印创建的 Date 对象
        // 输出 : Thu Jan 01 1970 08:00:00 GMT+0800 (中国标准时间)
        console.log(date);

执行结果 :

3、构造函数参数为字符串

使用

new Date(dateString);

构造函数创建 Date 对象 , 传入的参数是一个表示日期的字符串值 ;

传入的字符串参数需要符合如下要求 :

可以被 Date.parse() 方法正确方法识别
符合 IETF-compliant RFC 2822 timestamps 时间戳标准
符合 version of ISO8601 标准

符合要求的字符串举例 :

'2024-04-26 15:41:00' ( 最常用 , 推荐使用 )
'2024-04-26T15:41:00'
'December 17, 1995 03:24:00'

代码示例 :

        // 3. 创建 Date 内置对象 , 参数为 字符串
        date = new Date('2024-04-26 15:41:00');

        // 打印创建的 Date 对象
        // 输出 : Sun Dec 17 1995 03:24:00 GMT+0800 (中国标准时间)
        console.log(date);

执行结果 :

4、构造函数参数为多个数字值

使用

new Date(year, monthIndex [, day [, hours [, minutes [, seconds [, milliseconds]]]]]);

构造函数创建 Date 对象 , 传入的参数是多个数字值 ;

传入的多个参数值分别表示年月日时分秒日期 , 年月是必须有的 , 后面可有可无 ;

注意 : 如果想要设置分钟 , 则必须设置日时两个参数 ;

代码示例 :

        // 打印创建的 Date 对象
        // 输出 : Wed May 01 2024 00:00:00 GMT+0800 (中国标准时间)
        console.log(date);

        date = new Date(2024, 4, 26);
        // 打印创建的 Date 对象
        // 输出 : Sun May 26 2024 00:00:00 GMT+0800 (中国标准时间)
        console.log(date);

        date = new Date(2024, 4, 26, 15);
        // 打印创建的 Date 对象
        // 输出 : Sun May 26 2024 15:00:00 GMT+0800 (中国标准时间)
        console.log(date);

        date = new Date(2024, 4, 26, 15, 51);
        // 打印创建的 Date 对象
        // 输出 : Sun May 26 2024 15:51:00 GMT+0800 (中国标准时间)
        console.log(date);

执行结果 :

5、完整代码示例

完整代码示例 :

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 设置 meta 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <style></style>
    <script>
        // Date 内置对象

        // 1. 创建 Date 内置对象 , 参数为空
        var date = new Date();

        // 打印创建的 Date 对象
        // 输出 : Fri Apr 26 2024 14:33:25 GMT+0800 (中国标准时间)
        console.log(date);


        // 2. 创建 Date 内置对象 , 参数为 时间戳
        date = new Date(0);

        // 打印创建的 Date 对象
        // 输出 : Thu Jan 01 1970 08:00:00 GMT+0800 (中国标准时间)
        console.log(date);


        // 3. 创建 Date 内置对象 , 参数为 字符串
        date = new Date('2024-04-26 15:41:00');

        // 打印创建的 Date 对象
        // 输出 : Sun Dec 17 1995 03:24:00 GMT+0800 (中国标准时间)
        console.log(date);


        // 4. 创建 Date 内置对象 , 参数为 年月日时分秒日期 , 年月是必须有的 , 后面可有可无
        date = new Date(2024, 4);

        // 打印创建的 Date 对象
        // 输出 : Wed May 01 2024 00:00:00 GMT+0800 (中国标准时间)
        console.log(date);

        date = new Date(2024, 4, 26);
        // 打印创建的 Date 对象
        // 输出 : Sun May 26 2024 00:00:00 GMT+0800 (中国标准时间)
        console.log(date);

        date = new Date(2024, 4, 26, 15);
        // 打印创建的 Date 对象
        // 输出 : Sun May 26 2024 15:00:00 GMT+0800 (中国标准时间)
        console.log(date);

        date = new Date(2024, 4, 26, 15, 51);
        // 打印创建的 Date 对象
        // 输出 : Sun May 26 2024 15:51:00 GMT+0800 (中国标准时间)
        console.log(date);
    </script>
</head>

<body>
</body>

</html>

执行结果 :