小码哥的IT人生

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 种方法创建新的日期对象:

  1. new Date()
  2. new Date(year, month, day, hours, minutes, seconds, milliseconds)
  3. new Date(milliseconds)
  4. 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

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024