JavaScript Date 对象

JavaScript Date 对象简介

在浏览网页的过程中,我们经常可以看到各种时间处理,如网页时钟、在线日历、博客时间等,如下图所示。

网页时钟

在线日历

从上面我们可以感性地了解到时间在网页开发中的各种应用。在 JavaScript 中,我们可以使用 Date 对象来处理时间。

语法:

const 变量名 = new Date();

说明:

如果想要创建一个 Date 对象,我们必须要使用 new 关键字。

示例:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <script>
        const now = new Date();
        console.log(now);
    </script>
</body>
</html>

运行结果如下。

2025-10-06T14:06:11.648Z

分析:

new Date() 会返回一个 Date 对象,该对象包含了当前的日期和时间。

JavaScript Date 对象的方法

Date 对象的方法有很多,主要分为两大类:getXxx() 和 setXxx()。其中,getXxx() 用于获取时间,setXxx() 用于设置时间。

用于获取时间的 getXxx()
方法 说明
getFullYear() 获取年份,取值为 4 位数字
getMonth() 获取月份,取值为 0(一月)到 11(十二月)之间的整数
getDate() 获取日数,取值为 1~31 之间的整数
getDay() 获取星期几,取值为 0(周日)~ 6(周六)
getHours() 获取小时数,取值为 0~23 之间的整数
getMinutes() 获取分钟数,取值为 0~59 之间的整数
getSeconds() 获取秒数,取值为 0~59 之间的整数
getTime() 获取时间戳(1970年1月1日至今的毫秒数)
用于设置时间的 setXxx()
方法 说明
setFullYear() 可以设置年、月、日
setMonth() 可以设置月、日
setDate() 可以设置日
setHours() 可以设置时、分、秒、毫秒
setMinutes() 可以设置分、秒、毫秒
setSeconds() 可以设置秒、毫秒
给站长反馈

绿叶网正在不断完善中,小伙伴们如果发现任何问题,还望多多给站长反馈,谢谢!

邮箱:lvyenet@vip.qq.com

「绿叶网」服务号
绿叶网服务号放大
关注服务号,微信也能看教程。
绿叶网服务号