1 Date对象

JavaScript 中的 Date 对象表示日期和时间。Date 对象基于自 1970 年 1 月 1 日 00:00:00 UTC（协调世界时）以来的毫秒数。以下是 Date 对象的一些常用方法和属性。

getFullYear()：获取年份。
getMonth()：获取月份（0-11）。
getDate()：获取日期（1-31）。
getDay()：获取星期几（0-6），0代表周日。
getHours()：获取小时（0-23）。
getMinutes()：获取分钟数（0-59）。
getSeconds()：获取秒数（0-59）。
getTime()：获取表示当前时间的毫秒数。

2 代码示例

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="main">
        <button>点击获取当前日期</button>
    </div>

    <script>
        const button = document.querySelector('button');
        button.addEventListener('click', function () {
            // 创建Data对象
            var date = new Date();
            // 获取年份
            var year = date.getFullYear();
            // 获取月份（0-11）
            var month = date.getMonth() + 1;
            // 获取日期（1-31）
            var day31 = date.getDate();
            // 获取星期几（0-6）
            var day7 = date.getDay();
            // 获取小时数（0-23）
            var hours = date.getHours();
            // 获取分钟数（0-59）
            var minute = date.getMinutes();
            // 获取秒数（0-59）
            var seconds = date.getSeconds();
            // 获取自 1970 年 1 月 1 日 00:00:00 UTC（协调世界时）以来的毫秒数
            var time = date.getTime();
            
            console.log("date:",date);
            console.log("year:",year);
            console.log("month:",month);
            console.log("day31:",day31);
            console.log("day7:",day7);
            console.log("hours:",hours);
            console.log("minute:",minute);
            console.log("seconds:",seconds);
            console.log("time:",time);

            //-------------- 将日期转化为字符串 --------------
            // 获取日期、时间 2023/6/12 10:57:24
            var str1 = date.toLocaleString();
            // 获取日期 2023/6/12
            var str2 = date.toLocaleDateString();
            // 获取时间 10:57:24
            var str3 = date.toLocaleTimeString();
            // 获取日期、时间 Mon Jun 12 2023 10:57:24 GMT+0800 (中国标准时间)
            var str4 = date.toString();
            // 获取日期 Mon Jun 12 2023
            var str5 = date.toDateString();
            // 获取时间 10:57:24 GMT+0800 (中国标准时间)
            var str6 = date.toTimeString();

            console.log("str1:",str1);
            console.log("str2:",str2);
            console.log("str3:",str3);
            console.log("str4:",str4);
            console.log("str5:",str5);
            console.log("str6:",str6);
            
        });
    </script>
</body>

</html>

结果展示：

在这里插入图片描述

3 获取 yyyy-MM-dd 格式的日期

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="main">
        <button>点击获取当前日期</button>
    </div>

    <script>
        const button = document.querySelector('button');
        button.addEventListener('click', function () {
            // 创建Data对象
            var date = new Date();
            // 获取年份
            var year = date.getFullYear();
            // 获取月份（0-11）
            var month = date.getMonth() + 1;
            // 获取日期（1-31）
            var day31 = date.getDate();

            // 对月份进行处理，1-9月在前面添加一个“0”
            if (month >= 1 && month <= 9) { 
                month = "0" + month;
            }
            //对日期进行处理，1-9日在前面添加一个“0”
            if (day31 >= 0 && day31 <= 9) { 
                day31 = "0" + day31;
            }

            var seperator = "-"; //添加分隔符“-”
            var strDate = year + seperator + month + seperator + day31;
            console.log("yyyy-MM-dd：",strDate);

        });
    </script>
</body>

</html>