JavaScript 日期获取方法
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 秒 |