JavaScript 日期
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