小码哥的IT人生

JavaScript 日期获取方法

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

JavaScript 日期获取方法

日期方法允许您获取并设置日期值(年、月、日、时、分、秒、毫秒)

日期获取方法

获取方法用于获取日期的某个部分(来自日期对象的信息)。下面是最常用的方法(以字母顺序排序):

方法 描述
getDate() 以数值返回天(1-31)
getDay() 以数值获取周名(0-6)
getFullYear() 获取四位的年(yyyy)
getHours() 获取小时(0-23)
getMilliseconds() 获取毫秒(0-999)
getMinutes() 获取分(0-59)
getMonth() 获取月(0-11)
getSeconds() 获取秒(0-59)
getTime() 获取时间(从 1970 年 1 月 1 日至今)

getTime() 方法

getTime() 方法返回自 1970 年 1 月 1 日以来的毫秒数:

示例代码:

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

完整实例:

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getTime()</h2>
<p>JavaScript 中的内部时钟从 1970 年 1 月 1 日午夜开始计算。</p>
<p>getTime() 函数返回从那时起的毫秒数:</p>
<p id="demo"></p>
<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.getTime();
</script>
</body>
</html>

运行结果:

Javascript getTime()

Javascript 中的内部时钟从 1970 年 1 月 1 日午夜开始计算。

getTime() 函数返回从那时起的毫秒数:

1652775965664

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

getFullYear() 方法

getFullYear() 方法以四位数字形式返回日期年份:

示例代码:

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

完整实例:

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getFullYear()</h2>
<p>getFullYear() 方法返回日期的完整年:</p>
<p id="demo"></p>
<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.getFullYear();
</script>
</body>
</html>

运行结果:

Javascript getFullYear()

getFullYear() 方法返回日期的完整年:

2022

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

getMonth() 方法

getMonth() 以数字(0-11)返回日期的月份:

示例代码:

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

在 JavaScript 中,第一个月(1 月)是月号 0,因此 12 月返回月号 11。

您可以使用名称数组,并使用 getMonth() 将月份作为名称返回:

示例代码:

var d = new Date();
var months = 
            [
            "January", "February", "March", "April", "May", "June", 
            "July", "August", "September", "October", "November", "December"
            ];
document.getElementById("demo").innerHTML = months[d.getMonth()];

完整实例:

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getMonth()</h2>
<p>getMonth()方法以 0 到 11 之间的数字返回日期的月份。</p>
<p>要获得正确的月份,您必须添加 1:</p>
<p id="demo"></p>
<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.getMonth() + 1;
</script>
</body>
</html>

运行结果:

Javascript getMonth()

getMonth()方法以 0 到 11 之间的数字返回日期的月份。

要获得正确的月份,您必须添加 1:

5

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

getDate() 方法

getDate() 方法以数字(1-31)返回日期的日:

示例代码:

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

完整实例:

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getDate()</h2>
<p>getDate() 方法以数字(1-31)返回日期的日:</p>
<p id="demo"></p>
<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.getDate();
</script>
</body>
</html>

运行结果:

Javascript getDate()

getDate() 方法以数字(1-31)返回日期的日:

17

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

getHours() 方法

getHours() 方法以数字(0-23)返回日期的小时数:

示例代码:

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

完整实例:

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getHours()</h2>
<p>getHours() 方法以数字(0-23)返回日期的小时:</p>
<p id="demo"></p>
<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.getHours();
</script>
</body>
</html>

运行结果:

Javascript getHours()

getHours() 方法以数字(0-23)返回日期的小时:

16

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

getMinutes() 方法

getMinutes() 方法以数字(0-59)返回日期的分钟数:

示例代码:

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

完整实例:

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getMinutes()</h2>
<p>getMinutes() 方法以数字(0-59)返回日期的分钟:</p>
<p id="demo"></p>
<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.getMinutes();
</script>
</body>
</html>

运行结果:

Javascript getMinutes()

getMinutes() 方法以数字(0-59)返回日期的分钟:

28

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

getSeconds() 方法

getSeconds() 方法以数字(0-59)返回日期的秒数:

示例代码:

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

完整实例:

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getSeconds()</h2>
<p>getSeconds() 方法以数字(0-59)返回日期的秒:</p>
<p id="demo"></p>
<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.getSeconds();
</script>
</body>
</html>

运行结果:

Javascript getSeconds()

getSeconds() 方法以数字(0-59)返回日期的秒:

25

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

getMilliseconds() 方法

getMilliseconds() 方法以数字(0-999)返回日期的毫秒数:

示例代码:

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

完整实例:

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getMilliseconds()</h2>
<p>getMilliseconds() 方法以数字(0-999)的形式返回日期的毫秒数:</p>
<p id="demo"></p>
<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.getMilliseconds();
</script>
</body>
</html>

运行结果:

Javascript getMilliseconds()

getMilliseconds() 方法以数字(0-999)的形式返回日期的毫秒数:

691

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

getDay() 方法

getDay() 方法以数字(0-6)返回日期的星期名(weekday):

示例代码:

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

完整实例:

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getDay()</h2>
<p>getDay() 方法将周名作为数字返回:</p>
<p id="demo"></p>
<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.getDay();
</script>
</body>
</html>

运行结果:

Javascript getDay()

getDay() 方法将周名作为数字返回:

2

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

在 JavaScript 中,一周的第一天(0)表示“星期日”,即使世界上的一些国家认为周的第一天是“星期一”。

您可以使用名称数组,并使用 getDay() 将星期名作为名称返回:

示例代码:

var d = new Date();
var days = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
document.getElementById("demo").innerHTML = days[d.getDay()];

完整实例:

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getDay()</h2>
<p>getDay() 方法将周名作为数字返回:</p>
<p>您可以使用数组来显示星期的名称:</p>
<p id="demo"></p>
<script>
var d = new Date();
var days = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
document.getElementById("demo").innerHTML = days[d.getDay()];
</script>
</body>
</html>

运行结果:

Javascript getDay()

getDay() 方法将周名作为数字返回:

您可以使用数组来显示星期的名称:

Tuesday

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

UTC 日期方法

UTC 日期方法用于处理 UTC 日期(通用时区日期,Univeral Time Zone dates):

方法 描述
getUTCDate() 等于 getDate(),但返回 UTC 日期
getUTCDay() 等于 getDay(),但返回 UTC 日
getUTCFullYear() 等于 getFullYear(),但返回 UTC 年
getUTCHours() 等于 getHours(),但返回 UTC 小时
getUTCMilliseconds() 等于 getMilliseconds(),但返回 UTC 毫秒
getUTCMinutes() 等于 getMinutes(),但返回 UTC 分
getUTCMonth() 等于 getMonth(),但返回 UTC 月
getUTCSeconds() 等于 getSeconds(),但返回 UTC 秒

完整的 JavaScript 日期参考手册

如需完整的日期参考手册,请访问我们完整的 JavaScript 日期参考手册

该手册包含了所有日期属性和方法的描述和实例。

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

苏公网安备 32030202000762号

© 2021-2024