JavaScript 日期方法

`new Date()` 构造函数

在 JavaScript 中，日期对象是使用 new Date() 创建的。

new Date() 返回包含当前日期和时间的日期对象。

获取当前时间

const date = new Date();

自己尝试一下→

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>Using new Date()</h2>
<p>Create a new date object with the current date and time:</p>

<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

日期获取方法

getFullYear(): 获取四位数形式的年份 (yyyy)
getMonth(): 获取数字形式的月份 (0-11)
getDate(): 获取数字形式的天 (1-31)
getDay(): 获取数字形式的工作日 (0-6)
getHours(): 获取小时 (0-23)
getMinutes(): 获取分钟 (0-59)
getSeconds(): 获得第二 (0-59)
getMilliseconds(): 获取毫秒 (0-999)
getTime(): 获取时间（自 1970 年 1 月 1 日以来的毫秒数）

注1

上面的 get 方法返回本地时间。

通用时间 (UTC) 记录在本页底部。

笔记2

get 方法返回现有日期对象的信息。

在日期对象中，时间是静态的。 “时钟”没有“运行”。

日期对象中的时间与当前时间不同。

`getFullYear()` 方法

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

例子

const d = new Date("2021-03-25");
d.getFullYear();

自己尝试一下→

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getFullYear() Method</h2>
<p>Return the full year of a date object:</p>

<p id="demo"></p>

<script>
const d = new Date("2021-03-25")
document.getElementById("demo").innerHTML = d.getFullYear();
</script>

</body>
</html>

const d = new Date();
d.getFullYear();

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>The getFullYear() Method</h2>
<p>Return the full year of a date object:</p>

<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d.getFullYear();
</script>

</body>
</html>

警告！

旧的 JavaScript 代码可能使用非标准方法 getYear()。

getYear() 应该返回 2 位数的年份。

getYear() 已弃用。不要使用它！

`getMonth()` 方法

getMonth() 方法以数字 (0-11) 形式返回日期的月份。

笔记

在 JavaScript 中，一月是数字 0，二月是数字 1，...

最后，12 月是第 11 个月。

例子

const d = new Date("2021-03-25");
d.getMonth();

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getMonth() Method</h2>
<p>Return the month of a date as a number from 0 to 11.</p>
<p>To get the correct month number, you must add 1:</p>

<p id="demo"></p>

<script>
const d = new Date("2021-03-25");
document.getElementById("demo").innerHTML = d.getMonth() + 1;
</script>

</body>
</html>

const d = new Date();
d.getMonth();

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getMonth() Method</h2>
<p>Return the month of a date as a number from 0 to 11.</p>
<p>To get the correct month number, you must add 1:</p>

<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d.getMonth() + 1;
</script>

</body>
</html>

笔记

您可以使用名称数组来返回月份作为名称：

例子

const months = ["January", "February", "March", "April", "May",
"June", "July", "August", "September", "October",
"November", "December"];

const d = new Date("2021-03-25");
let month = months[d.getMonth()];

自己尝试一下→

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>JavaScript getMonth()</h2>
<p>Return the month as a number.</p>
<p>You can use an array of names to return the month as a name:</p>

<p id="demo"></p>

<script>
const months = ["January","February","March","April","May","June","July","August","September","October","November","December"];

const d = new Date("2021-03-25");
let month = months[d.getMonth()];
document.getElementById("demo").innerHTML = month;
</script>

</body>
</html>

const months = ["January", "February", "March", "April", "May",
"June", "July", "August", "September", "October",
"November", "December"];

const d = new Date();
let month = months[d.getMonth()];

自己尝试一下→

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>JavaScript getMonth()</h2>
<p>Return the month as a number.</p>
<p>You can use an array of names to return the month as a name:</p>

<p id="demo"></p>

<script>
const months = ["January","February","March","April","May","June","July","August","September","October","November","December"];

const d = new Date();
let month = months[d.getMonth()];
document.getElementById("demo").innerHTML = month;
</script>

</body>
</html>

`getDate()` 方法

getDate() 方法以数字 (1-31) 形式返回日期的天数：

例子

const d = new Date("2021-03-25");
d.getDate();

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getDate() Method</h2>
<p>Return the day of a date as a number (1-31):</p>

<p id="demo"></p>

<script>
const d = new Date("2021-03-25");
document.getElementById("demo").innerHTML = d.getDate();
</script>

</body>
</html>

const d = new Date();
d.getDate();

自己尝试一下→

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getDate() Method</h2>
<p>Return the day of a date as a number (1-31):</p>

<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d.getDate();
</script>

</body>
</html>

`getHours()` 方法

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

例子

const d = new Date("2021-03-25");
d.getHours();

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getHours() Method</h2>
<p>Return the hours of a date as a number (0-23):</p>

<p id="demo"></p>

<script>
const d = new Date("2021-03-25");document.getElementById("demo").innerHTML = d.getHours();
</script>

</body>
</html>

const d = new Date();
d.getHours();

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getHours() Method</h2>
<p>Return the hours of a date as a number (0-23):</p>

<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d.getHours();
</script>

</body>
</html>

`getMinutes()` 方法

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

例子

const d = new Date("2021-03-25");
d.getMinutes();

自己尝试一下→

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getMinutes() Method</h2>
<p>Returns the minutes of a date as a number (0-59):</p>

<p id="demo"></p>

<script>
const d = new Date("2021-03-25");
document.getElementById("demo").innerHTML = d.getMinutes();
</script>

</body>
</html>

const d = new Date();
d.getMinutes();

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getMinutes() Method</h2>
<p>Returns the minutes of a date as a number (0-59):</p>

<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d.getMinutes();
</script>

</body>
</html>

`getSeconds()` 方法

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

例子

const d = new Date("2021-03-25");
d.getSeconds();

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getSeconds() Method</h2>
<p>Return the seconds of a date as a number (0-59):</p>

<p id="demo"></p>

<script>
const d = new Date("2021-03-25");
document.getElementById("demo").innerHTML = d.getSeconds();
</script>

</body>
</html>

const d = new Date();
d.getSeconds();

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getSeconds() Method</h2>
<p>Return the seconds of a date as a number (0-59):</p>

<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d.getSeconds();
</script>

</body>
</html>

`getMilliseconds()` 方法

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

例子

const d = new Date("2021-03-25");
d.getMilliseconds();

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getMilliseconds() Method</h2>
<p>Return the milliseconds of a date as a number (0-999):</p>

<p id="demo"></p>

<script>
const d = new Date("2021-03-25");
document.getElementById("demo").innerHTML = d.getMilliseconds();
</script>

</body>
</html>

const d = new Date();
d.getMilliseconds();

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getMilliseconds() Method</h2>
<p>Return the milliseconds of a date as a number (0-999):</p>

<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d.getMilliseconds();
</script>

</body>
</html>

`getDay()` 方法

getDay() 方法以数字 (0-6) 形式返回日期的星期几。

笔记

在 JavaScript 中，一周的第一天（第 0 天）是星期日。

世界上一些国家将星期一视为一周的第一天。

例子

const d = new Date("2021-03-25");
d.getDay();

自己尝试一下→

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getDay() Method</h2>
<p>Return the weekday as a number:</p>

<p id="demo"></p>

<script>
const d = new Date("2021-03-25");
document.getElementById("demo").innerHTML = d.getDay();
</script>

</body>
</html>

const d = new Date();
d.getDay();

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getDay() Method</h2>
<p>Return the weekday as a number:</p>

<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d.getDay();
</script>

</body>
</html>

笔记

您可以使用名称数组，并使用 getDay() 将工作日作为名称返回：

例子

const days = ["Sunday", "Monday", "Tuesday", "Wednesday",
"Thursday", "Friday", "Saturday"];

const d = new Date("2021-03-25");
let day = days[d.getDay()];

自己尝试一下→

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getDay() Method</h2>
<p>Return the weekday as a number.</p>
<p>You can use an array of names to return the weekday as a name:</p>

<p id="demo"></p>

<script>
const days = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];

const d = new Date("2021-03-25");
let day = days[d.getDay()];
document.getElementById("demo").innerHTML = day;
</script>

</body>
</html>

const days = ["Sunday", "Monday", "Tuesday", "Wednesday",
"Thursday", "Friday", "Saturday"];

const d = new Date();
let day = days[d.getDay()];

自己尝试一下→

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getDay() Method</h2>
<p>Return the weekday as a number.</p>
<p>You can use an array of names to return the weekday as a name:</p>

<p id="demo"></p>

<script>
const days = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];

const d = new Date();
let day = days[d.getDay()];
document.getElementById("demo").innerHTML = day;
</script>

</body>
</html>

`getTime()` 方法

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

例子

const d = new Date("1970-01-01");
d.getTime();

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getTime() Method</h2>
<p></p>
<p>Return the number of milliseconds since midnight January 1, 1970:</p>

<p id="demo"></p>

<script>
const d = new Date("1970-01-01");
document.getElementById("demo").innerHTML = d.getTime();
</script>

</body>
</html>

const d = new Date("2021-03-25");
d.getTime();

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getTime() Method</h2>
<p></p>
<p>Return the number of milliseconds since midnight January 1, 1970:</p>

<p id="demo"></p>

<script>
const d = new Date("2021-03-25");
document.getElementById("demo").innerHTML = d.getTime();
</script>

</body>
</html>

const d = new Date();
d.getTime();

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getTime() Method</h2>
<p></p>
<p>Return the number of milliseconds since midnight January 1, 1970:</p>

<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d.getTime();
</script>

</body>
</html>

`Date.now()` 方法

Date.now() 返回自 1970 年 1 月 1 日以来的毫秒数。

例子

let ms = Date.now();

自己尝试一下→

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>The Date.now() Method</h2>
<p>Return the current date/time in milliseconds since January 1, 1970:</p>

<p id="demo"></p>

<script>
const date = Date.now();
document.getElementById("demo").innerHTML = date;
</script>

</body>
</html>

计算自 1970/01/01 以来的年数：

const minute = 1000 * 60;
const hour = minute * 60;
const day = hour * 24;
const year = day * 365;

let years = Math.round(Date.now() / year);

自己尝试一下→

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>Using Date.now()</h2>
<p>Calculate the number of years since January 1, 1970:</p>

<p id="demo"></p>

<script>
// Calculate milliseconds in a year
const minute = 1000 * 60;
const hour = minute * 60;
const day = hour * 24;
const year = day * 365;

// Divide Date.now() with a year
let years = Math.round(Date.now() / year);
document.getElementById("demo").innerHTML = years;
</script>

</body>
</html>

Date.now() 是 Date 对象的静态方法。

您不能在诸如 myDate.now() 之类的日期对象上使用它。

语法始终为 Date.now()。

UTC 日期获取方法

getUTCDate() / getDate(): 返回 UTC 日期
getUTCFullYear() / getFullYear(): 返回 UTC 年份
getUTCMonth() / getMonth(): 返回 UTC 月份
getUTCDay() / getDay(): 返回 UTC 日期
getUTCHours() / getHours(): 返回 UTC 小时
getUTCMinutes() / getMinutes(): 返回 UTC 分钟
getUTCSeconds() / getSeconds(): 返回 UTC 秒数
getUTCMilliseconds() / getMilliseconds(): 返回 UTC 毫秒

UTC methods use UTC time (Coordinated Universal Time).

UTC time is the same as GMT (Greenwich Mean Time).

The difference between Local time and UTC time can be up to 24 hours.

`getTimezoneOffset()` 方法

getTimezoneOffset() 方法返回差值（以分钟为单位）本地时间和 UTC 时间之间：

例子

let diff = d.getTimezoneOffset();

自己尝试一下→

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>The getTimezoneOffset() Method</h2>

<p>The time zone difference in minutes is:</p>
<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d.getTimezoneOffset();
</script>

</body>
</html>

完整的 JavaScript 日期参考

如需完整的日期参考，请访问我们的：

完整的 JavaScript 日期参考。

该参考包含所有日期属性的描述和示例方法。

JavaScript 日期方法

目录

new Date() 构造函数

获取当前时间

日期获取方法

注1

笔记2

getFullYear() 方法

例子

警告 ！

getMonth() 方法

笔记

例子

笔记

例子

getDate() 方法

例子

getHours() 方法

例子

getMinutes() 方法

例子

getSeconds() 方法

例子

getMilliseconds() 方法

例子

getDay() 方法

笔记

例子

笔记

例子

getTime() 方法

例子

Date.now() 方法

例子

UTC 日期获取方法

getTimezoneOffset() 方法

例子

完整的 JavaScript 日期参考

`new Date()` 构造函数

`getFullYear()` 方法

警告！

`getMonth()` 方法

`getDate()` 方法

`getHours()` 方法

`getMinutes()` 方法

`getSeconds()` 方法

`getMilliseconds()` 方法

`getDay()` 方法

`getTime()` 方法

`Date.now()` 方法

`getTimezoneOffset()` 方法