JavaScript 日期

JavaScript基础 2022-04-25 01:32:22小码哥的IT人生shichen

JavaScript 日期

实例

var d = new Date();

完整实例：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript new Date()</h2>
<p id="demo"></p>
<script>
var d = new Date();
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>

运行结果：

Javascript new Date()

Tue May 17 2022 15:55:24 GMT+0800 (中国标准时间)

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

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();

完整实例：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript new Date()</h2>
<p>使用 new Date()，使用当前日期和时间创建一个新的日期对象：</p>
<p id="demo"></p>
<script>
var d = new Date();
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>

运行结果：

Javascript new Date()

使用 new Date()，使用当前日期和时间创建一个新的日期对象：

Tue May 17 2022 15:55:50 GMT+0800 (中国标准时间)

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

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

new Date(year, month, ...)

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

7个数字分别指定年、月、日、小时、分钟、秒和毫秒（按此顺序）：

示例代码：

var d = new Date(2018, 11, 24, 10, 33, 30, 0);

完整实例：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript new Date()</h2>
<p>使用 new Date(7 numbers)，使用指定的日期和时间创建一个新的日期对象：</p>
<p id="demo"></p>
<script>
var d = new Date(2019, 12, 25, 10, 33, 30, 0);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>

运行结果：

Javascript new Date()

使用 new Date(7 numbers)，使用指定的日期和时间创建一个新的日期对象：

Sat Jan 25 2020 10:33:30 GMT+0800 (中国标准时间)

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

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

一月是 0。十二月是11。

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

示例代码：

var d = new Date(2018, 11, 24, 10, 33, 30);

完整实例：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript new Date()</h2>
<p>6 个数字指定年、月、日、时、分、秒：</p>
<p id="demo"></p>
<script>
var d = new Date(2019, 12, 25, 10, 33, 30);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>

运行结果：

Javascript new Date()

6 个数字指定年、月、日、时、分、秒：

Sat Jan 25 2020 10:33:30 GMT+0800 (中国标准时间)

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

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

示例代码：

var d = new Date(2018, 11, 24, 10, 33);

完整实例：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript new Date()</h2>
<p>5 个数字指定年、月、日、时、分：</p>
<p id="demo"></p>
<script>
var d = new Date(2018, 11, 24, 10, 33);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>

运行结果：

Javascript new Date()

5 个数字指定年、月、日、时、分：

Mon Dec 24 2018 10:33:00 GMT+0800 (中国标准时间)

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

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

示例代码：

var d = new Date(2018, 11, 24, 10);

完整实例：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript new Date()</h2>
<p id="demo"></p>
<script>
var d = new Date(2018, 11, 24, 10);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>

运行结果：

Javascript new Date()

Mon Dec 24 2018 10:00:00 GMT+0800 (中国标准时间)

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

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

示例代码：

var d = new Date(2018, 11, 24);

完整实例：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript new Date()</h2>
<p>3 个数字指定年、月、日：</p>
<p id="demo"></p>
<script>
var d = new Date(2018, 11, 24);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>

运行结果：

Javascript new Date()

3 个数字指定年、月、日：

Mon Dec 24 2018 00:00:00 GMT+0800 (中国标准时间)

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

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

示例代码：

var d = new Date(2018, 11);

完整实例：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript new Date()</h2>
<p>2 个数字指定年、月：</p>
<p id="demo"></p>
<script>
var d = new Date(2018, 11);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>

运行结果：

Javascript new Date()

2 个数字指定年、月：

Sat Dec 01 2018 00:00:00 GMT+0800 (中国标准时间)

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

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

示例代码：

var d = new Date(2018);

完整实例：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript new Date()</h2>
<p>一个参数会被解释为：new Date(milliseconds)。</p>
<p id="demo"></p>
<script>
var d = new Date(2018);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>

运行结果：

Javascript new Date()

一个参数会被解释为：new Date(milliseconds)。

Thu Jan 01 1970 08:00:02 GMT+0800 (中国标准时间)

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

上个世纪

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

示例代码：

var d = new Date(99, 11, 24);

完整实例：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript new Date()</h2>
<p>两位年份将被解释为 19xx：</p>
<p id="demo"></p>
<script>
var d = new Date(99, 12, 25);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>

运行结果：

Javascript new Date()

两位年份将被解释为 19xx：

Tue Jan 25 2000 00:00:00 GMT+0800 (中国标准时间)

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

示例代码：

var d = new Date(9, 11, 24);

完整实例：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript new Date()</h2>
<p>一位的年份会被解释为 19xx：</p>
<p id="demo"></p>
<script>
var d = new Date(9, 12, 25);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>

运行结果：

Javascript new Date()

一位的年份会被解释为 19xx：

Tue Jan 25 1910 00:00:00 GMT+0800 (中国标准时间)

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

new Date(dateString)

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

示例代码：

var d = new Date("October 13, 2014 11:13:00");

完整实例：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript new Date()</h2>
<p>可以使用指定的日期和时间创建 Date 对象：</p>
<p id="demo"></p>
<script>
var d = new Date("December 25, 2019 12:46:00");
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>

运行结果：

Javascript new Date()

可以使用指定的日期和时间创建 Date 对象：

Wed Dec 25 2019 12:46:00 GMT+0800 (中国标准时间)

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

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

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);

完整实例：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript new Date()</h2>
<p>使用 new Date(<i>milliseconds</i>)，创建一个零时（January 1, 1970, 00:00:00 Universal Time）加毫秒的新日期对象：</p>
<p id="demo"></p>
<script>
var d = new Date(0);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>

运行结果：

Javascript new Date()

使用 new Date(milliseconds)，创建一个零时（January 1, 1970, 00:00:00 Universal Time）加毫秒的新日期对象：

Thu Jan 01 1970 08:00:00 GMT+0800 (中国标准时间)

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

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

示例代码：

var d = new Date(100000000000);

完整实例：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript new Date()</h2>
<p>1970 年 1 月 1 日起的 100000000000 毫秒，大约是 1973 年 3 月 3 日：</p>
<p id="demo"></p>
<script>
var d = new Date(100000000000);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>

运行结果：

Javascript new Date()

1970 年 1 月 1 日起的 100000000000 毫秒，大约是 1973 年 3 月 3 日：

Sat Mar 03 1973 17:46:40 GMT+0800 (中国标准时间)

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

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

示例代码：

var d = new Date(-100000000000);

完整实例：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript new Date()</h2>
<p>1970 年 1 月 1 日起的 100000000000 毫秒，大约是 1966 年 10 月 31 日：</p>
<p id="demo"></p>
<script>
var d = new Date(-100000000000);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>

运行结果：

Javascript new Date()

1970 年 1 月 1 日起的 100000000000 毫秒，大约是 1966 年 10 月 31 日：

Mon Oct 31 1966 22:13:20 GMT+0800 (中国标准时间)

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

示例代码：

var d = new Date(86400000);

完整实例：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript new Date()</h2>
<p>使用 new Date(<i>milliseconds</i>)，创建一个零时（January 1, 1970, 00:00:00 Universal Time）加毫秒的新日期对象：:</p>
<p id="demo"></p>
<script>
var d = new Date(86400000);
document.getElementById("demo").innerHTML = d;
</script>
<p>一天（24小时）是 86,400,000 毫秒。</p>
</body>
</html>

运行结果：

Javascript new Date()

使用 new Date(milliseconds)，创建一个零时（January 1, 1970, 00:00:00 Universal Time）加毫秒的新日期对象：:

Fri Jan 02 1970 08:00:00 GMT+0800 (中国标准时间)

一天（24小时）是 86,400,000 毫秒。

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

一天（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;

完整实例：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript new Date()</h2>
<p id="demo"></p>
<script>
var d = new Date();
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>

运行结果：

Javascript new Date()

Tue May 17 2022 16:14:29 GMT+0800 (中国标准时间)

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

等同于：

d = new Date();
document.getElementById("demo").innerHTML = d.toString();

完整实例：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript toString()</h2>
<p>toString() 方法将日期转换为字符串：</p>
<p id="demo"></p>
<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.toString();
</script>
</body>
</html>

运行结果：

Javascript toString()

toString() 方法将日期转换为字符串：

Tue May 17 2022 16:14:50 GMT+0800 (中国标准时间)

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

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

示例代码：

var d = new Date();
document.getElementById("demo").innerHTML = d.toUTCString();

完整实例：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Date()</h2>
<p>toUTCString() 方法将日期转换为 UTC 字符串（日期显示标准）：</p>
<p id="demo"></p>
<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.toUTCString();
</script>
</body>
</html>

运行结果：

Javascript Date()

toUTCString() 方法将日期转换为 UTC 字符串（日期显示标准）：

Tue, 17 May 2022 08:15:09 GMT

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

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

示例代码：

var d = new Date();
document.getElementById("demo").innerHTML = d.toDateString();

完整实例：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript toDateString()</h2>
<p>toDateString() 方法将日期转换为日期字符串：</p>
<p id="demo"></p>
<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.toDateString();
</script>
</body>
</html>

运行结果：

Javascript toDateString()

toDateString() 方法将日期转换为日期字符串：

Tue May 17 2022

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

上一篇JavaScript 数组 Const下一篇JavaScript 日期格式

JavaScript 日期

JavaScript 日期

实例

完整实例：

JavaScript 日期输出

创建 Date 对象

new Date()

示例代码：

完整实例：

new Date(year, month, ...)

示例代码：

完整实例：

示例代码：

完整实例：

示例代码：

完整实例：

示例代码：

完整实例：

示例代码：

完整实例：

示例代码：

完整实例：

示例代码：

完整实例：

上个世纪

示例代码：

完整实例：

示例代码：

完整实例：

new Date(dateString)

示例代码：

完整实例：

JavaScript 将日期存储为毫秒

new Date(milliseconds)

示例代码：

完整实例：

示例代码：

完整实例：

示例代码：

完整实例：

示例代码：

完整实例：

日期方法

显示日期

示例代码：

完整实例：

完整实例：

示例代码：

完整实例：

示例代码：

完整实例：

相关阅读

tags标签云

JS栏目导航

最新文章

热门文章