手册

目录

日期

收藏107

阅读599

更新时间2025-08-07

实例

var d = new Date();
运行实例 »

点击 "运行实例" 按钮查看在线实例

JavaScript 日期输出

默认情况下,JavaScript 将使用浏览器的时区并将日期显示为全文本字符串:

Tue Apr 02 2019 09:01:19 GMT+0800 (中国标准时间)

稍后,您将在本教程学到更多关于如何显示日期的知识。

创建 Date 对象

Date 对象由新的 Date() 构造函数创建。

有 4 种方法创建新的日期对象:

  • new Date()
  • new Date(year, month, day, hours, minutes, seconds, milliseconds)
  • new Date(milliseconds)
  • new Date(date string)

new Date()

new Date() 用当前日期和时间创建新的日期对象:

实例

var d = new Date();
运行实例 »

点击 "运行实例" 按钮查看在线实例

日期对象是静态的。计算机时间正在滴答作响,但日期对象不会。

new Date(year, month, ...)

new Date(year, month, ...) 用指定日期和时间创建新的日期对象。

7个数字分别指定年、月、日、小时、分钟、秒和毫秒(按此顺序):

实例

var d = new Date(2018, 11, 24, 10, 33, 30, 0);
运行实例 »

点击 "运行实例" 按钮查看在线实例

注释:JavaScript 从 0 到 11 计算月份。

一月是 0。十二月是11。

6个数字指定年、月、日、小时、分钟、秒:

实例

var d = new Date(2018, 11, 24, 10, 33, 30);
运行实例 »

点击 "运行实例" 按钮查看在线实例

5个数字指定年、月、日、小时和分钟:

实例

var d = new Date(2018, 11, 24, 10, 33);
运行实例 »

点击 "运行实例" 按钮查看在线实例

4个数字指定年、月、日和小时:

实例

var d = new Date(2018, 11, 24, 10);
运行实例 »

点击 "运行实例" 按钮查看在线实例

3 个数字指定年、月和日:

实例

var d = new Date(2018, 11, 24);
运行实例 »

点击 "运行实例" 按钮查看在线实例

2个数字指定年份和月份:

实例

var d = new Date(2018, 11);
运行实例 »

点击 "运行实例" 按钮查看在线实例

您不能省略月份。如果只提供一个参数,则将其视为毫秒。

实例

var d = new Date(2018);
运行实例 »

点击 "运行实例" 按钮查看在线实例

上个世纪

一位和两位数年份将被解释为 19xx 年:

实例

var d = new Date(99, 11, 24);
运行实例 »

点击 "运行实例" 按钮查看在线实例

实例

var d = new Date(9, 11, 24);
运行实例 »

点击 "运行实例" 按钮查看在线实例

new Date(dateString)

new Date(dateString) 从日期字符串创建一个新的日期对象:

实例

var d = new Date("October 13, 2014 11:13:00");
运行实例 »

点击 "运行实例" 按钮查看在线实例

日期字符串将在下一章中介绍。

JavaScript 将日期存储为毫秒

JavaScript 将日期存储为自 1970 年 1 月 1 日 00:00:00 UTC(协调世界时)以来的毫秒数。

零时间是 1970 年 1 月 1 日 00:00:00 UTC。

现在的时间是:1970 年 1 月 1 日之后的 1554166879383 毫秒。

new Date(milliseconds)

new Date(milliseconds) 创建一个零时加毫秒的新日期对象:

实例

var d = new Date(0);
运行实例 »

点击 "运行实例" 按钮查看在线实例

1970年 1 月 1 日加上100 000 000 000毫秒,大约是 1973 年 3 月 3 日:

实例

var d = new Date(100000000000);
运行实例 »

点击 "运行实例" 按钮查看在线实例

1970 年 1 月 1 日减去 100 000 000 000 毫秒大约是 1966 年 10 月 31 日:

实例

var d = new Date(-100000000000);
运行实例 »

点击 "运行实例" 按钮查看在线实例

实例

var d = new Date(86400000);
运行实例 »

点击 "运行实例" 按钮查看在线实例

一天(24 小时)是 86 400 000 毫秒。

日期方法

创建 Date 对象时,可以使用许多方法对其进行操作。

日期方法允许您使用本地时间或 UTC(通用或 GMT)时间来获取和设置日期对象的年、月、日、小时、分钟、秒和毫秒。

日期方法和时区将在下一章中介绍。

显示日期

JavaScript(默认情况下)将以全文本字符串格式输出日期:

Wed Mar 25 2015 08:00:00 GMT+0800 (中国标准时间)

在 HTML 中显示日期对象时,会使用 toString() 方法自动转换为字符串。

实例

d = new Date();
document.getElementById("demo").innerHTML = d;
运行实例 »

点击 "运行实例" 按钮查看在线实例

等同于:

d = new Date();
document.getElementById("demo").innerHTML = d.toString();
运行实例 »

点击 "运行实例" 按钮查看在线实例

toUTCString() 方法将日期转换为 UTC 字符串(一种日期显示标准)。

实例

var d = new Date();
document.getElementById("demo").innerHTML = d.toUTCString();
运行实例 »

点击 "运行实例" 按钮查看在线实例

toDateString() 方法将日期转换为更易读的格式:

实例

var d = new Date();
document.getElementById("demo").innerHTML = d.toDateString();
运行实例 »

点击 "运行实例" 按钮查看在线实例

相关

视频

RELATED VIDEOS

更多

免费

Web前端开发极速入门
初级 Web前端开发极速入门

219920次学习

收藏

免费

前端入门_HTML5
初级 前端入门_HTML5

616946次学习

收藏

免费

30分钟学会网站布局
初级 30分钟学会网站布局

238440次学习

收藏

免费

CSS视频教程-玉女心经版
初级 CSS视频教程-玉女心经版

393054次学习

收藏

免费

独孤九贱(1)_HTML5视频教程

免费

独孤九贱(6)_jQuery视频教程

免费

独孤九贱(7)_Bootstrap视频教程

免费

独孤九贱(2)_CSS视频教程
初级 独孤九贱(2)_CSS视频教程

229605次学习

收藏

科技资讯

更多

精选课程

更多
前端入门_HTML5
前端入门_HTML5

共29课时

61.7万人学习

CSS视频教程-玉女心经版
CSS视频教程-玉女心经版

共25课时

39.3万人学习

JavaScript极速入门_玉女心经系列
JavaScript极速入门_玉女心经系列

共43课时

70.9万人学习

独孤九贱(1)_HTML5视频教程
独孤九贱(1)_HTML5视频教程

共25课时

61.6万人学习

独孤九贱(2)_CSS视频教程
独孤九贱(2)_CSS视频教程

共22课时

23万人学习

独孤九贱(3)_JavaScript视频教程
独孤九贱(3)_JavaScript视频教程

共28课时

33.9万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时

125万人学习

关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号