JavaScript 日期函数之旅:您需要了解的一切

举报
Q神 发表于 2023/06/30 21:57:23 2023/06/30
【摘要】 介绍:使用日期是 JavaScript 编程中的一项常见任务。JavaScript 提供了一组丰富的内置日期函数,使开发人员可以轻松操作和格式化日期。在本综合指南中,我们将探索 JavaScript 中的各种日期函数,为每个函数提供详细的解释和示例。最后,您将对如何在 JavaScript 中有效地使用日期有一个深入的了解。JavaScript 日期函数列表:日期()新日期()获取日期()获...

介绍:

使用日期是 JavaScript 编程中的一项常见任务。JavaScript 提供了一组丰富的内置日期函数,使开发人员可以轻松操作和格式化日期。在本综合指南中,我们将探索 JavaScript 中的各种日期函数,为每个函数提供详细的解释和示例。最后,您将对如何在 JavaScript 中有效地使用日期有一个深入的了解。

JavaScript 日期函数列表:

  1. 日期()
  2. 新日期()
  3. 获取日期()
  4. 获取日期()
  5. 获取完整年份()
  6. 获取时间()
  7. 获取毫秒()
  8. 获取分钟数()
  9. 获取月份()
  10. 获取秒数()
  11. 获取时间()
  12. 获取时区偏移()
  13. 获取UTCDate()
  14. 获取UTCDay()
  15. 获取UTCFullYear()
  16. 获取UTC时间()
  17. 获取UTC毫秒()
  18. 获取 UTC 分钟()
  19. 获取UTC月份()
  20. 获取UTC秒数()
  21. 设置日期()
  22. 设置完整年份()
  23. 设置时间()
  24. 设置毫秒()
  25. 设置分钟数()
  26. 设置月份()
  27. 设置秒数()
  28. 设置时间()
  29. 设置UTCDate()
  30. 设置UTCFullYear()
  31. 设置UTC时间()
  32. 设置UTC毫秒()
  33. 设置 UTC 分钟()
  34. 设置UTC月份()
  35. 设置UTC秒()
  36. toDateString()
  37. toISOString()
  38. toJSON()
  39. toLocaleDateString()
  40. toLocaleString()
  41. toLocaleTimeString()
  42. toString()
  43. toTimeString()
  44. toUTCString()
  45. 世界标准时间()

现在,让我们深入研究每个函数,提供详细的解释和示例以更好地理解。

1. Date():
Date()函数用于创建一个新的Date对象,表示当前的日期和时间。这是一个例子:

const currentDate = Date();
console.log(currentDate);

输出:

Tue Jun 29 2023 12:30:00 GMT+0530 (India Standard Time)

说明:当不带任何参数调用
Date()函数时,返回一个表示当前日期和时间的字符串。输出格式根据浏览器的实现而有所不同。

2. new Date():
构造new Date()函数根据提供的参数创建一个新的 Date 对象。这是一个例子:

const specificDate = new Date('2023-06-29');
console.log(specificDate);

输出:

Tue Jun 29 2023 00:00:00 GMT+0530 (India Standard Time)

说明:
通过将特定日期字符串作为参数传递给new Date(),我们可以创建一个表示该特定日期的 Date 对象。输出显示本地时区的日期和时间。

3. getDate():
getDate()方法返回指定Date对象的月份中的第几天(从1到31)。这是一个例子:

const date = new Date();
const dayOfMonth = date.getDate();
console.log(dayOfMonth);

输出:

29

说明:
getDate()方法从当前 Date 对象中检索该月的日期。在此示例中,它返回值“29”,因为当前日期是 29 号。

4. getDay():
getDay()方法返回指定Date对象的星期几(从0到6)。这是一个例子:

const date = new Date();
const dayOfWeek = date.getDay();
console.log(dayOfWeek);

输出:

2

说明:
getDay()方法从当前 Date 对象中检索星期几。它返回 0 到 6 之间的值,其中 0 代表星期日,1 代表星期一,依此类推。在此示例中,输出为“2”,因为星期二是一周的第二天。

5. getFullYear():
getFullYear()方法返回指定Date对象的四位数年份。这是一个例子:

const date = new Date();
const year = date.getFullYear();
console.log(year);

输出:

2023

说明:
getFullYear()方法从当前 Date 对象中检索四位数的年份。在此示例中,它返回当前年份,即“2023”。

6. getHours():
getHours()方法返回指定Date对象的小时(从0到23)。这是一个例子:

const date = new Date();
const hours = date.getHours();
console.log(hours);

输出:

12

说明:
getHours()方法以 24 小时格式从当前 Date 对象中检索小时。在此示例中,它返回当前小时,即“12”(12 PM)。

7. getMilliseconds():
getMilliseconds()方法返回指定Date对象的毫秒数(从0到999)。这是一个例子:

const date = new Date();
const milliseconds = date.getMilliseconds();
console.log(milliseconds);

输出:

500

说明:
getMilliseconds()方法从当前 Date 对象中检索毫秒。在此示例中,它返回“500”。

8. getMinutes():
getMinutes()方法返回指定Date对象的分钟(从0到59)。这是一个例子:

const date = new Date();
const minutes = date.getMinutes();
console.log(minutes);

输出:

30

说明:
getMinutes()方法从当前 Date 对象中检索分钟。在此示例中,它返回当前分钟数,即“30”。

9. getMonth():
getMonth()方法返回指定Date对象的月份(从0到11)。这是一个例子:

const date = new Date();
const month = date.getMonth();
console.log(month);

输出:

5

说明:
getMonth()方法从当前 Date 对象中检索月份。它返回 0 到 11 之间的值,其中 0 代表一月,1 代表二月,依此类推。在此示例中,由于 6 月是第六个月,因此输出为“5”。

10. getSeconds():
getSeconds()方法返回指定Date对象的秒数(从0到59)。这是一个例子:

const date = new Date();
const seconds = date.getSeconds();
console.log(seconds);

输出:

0

说明:
getSeconds()方法从当前 Date 对象中检索秒数。在此示例中,它返回当前秒数,即“0”。

11. getTime():
getTime()方法返回指定Date对象的时间对应的数值。这是一个例子:

const date = new Date();
const time = date.getTime();
console.log(time);

输出:

1677725888111

说明:
getTime()方法检索从 Unix 纪元(1970 年 1 月 1 日,00:00:00 UTC)到

当前日期对象。在此示例中,它返回当前时间(以毫秒为单位)。

12. getTimezoneOffset():
getTimezoneOffset()方法返回当前语言环境的时区偏移量(以分钟为单位)。这是一个例子:

const date = new Date();
const timezoneOffset = date.getTimezoneOffset();
console.log(timezoneOffset);

输出:

-330

说明:
getTimezoneOffset()方法检索当前区域设置的时区偏移量(以分钟为单位)。如果本地时区晚于 UTC,则返回正值;如果早于 UTC,则返回负值。在此示例中,由于本地时区为 UTC+05:30,因此输出为“-330”。

13. getUTCDate():
getUTCDate()方法根据通用时间返回指定 Date 对象的月份中的某一天(从 1 到 31)。这是一个例子:

const date = new Date();
const utcDayOfMonth = date.getUTCDate();
console.log(utcDayOfMonth);

输出:

29

说明:
getUTCDate()方法根据通用时间 (UTC) 从当前 Date 对象中检索该月的日期。在此示例中,它返回值“29”,因为 UTC 中的当前日期是 29 日。

14. getUTCDay():
getUTCDay()方法根据通用时间返回指定 Date 对象的星期几(从 0 到 6)。这是一个例子:

const date = new Date();
const utcDayOfWeek = date.getUTCDay();
console.log(utcDayOfWeek);

输出:

2

说明:
getUTCDay()方法根据通用时间 (UTC) 从当前 Date 对象检索星期几。它返回 0 到 6 之间的值,其中 0 代表星期日,1 代表星期一,依此类推。在此示例中,输出为“2”,因为星期二是 UTC 一周的第二天。

15. getUTCFullYear():
getUTCFullYear()方法根据通用时间返回指定 Date 对象的四位数年份。这是一个例子:

const date = new Date();
const utcYear = date.getUTCFullYear();
console.log(utcYear);

输出:

2023

说明:
getUTCFullYear()方法根据通用时间 (UTC) 从当前 Date 对象中检索四位数年份。在此示例中,它返回当前年份,即“2023”。

16. getUTCHours():
getUTCHours()方法根据通用时间返回指定 Date 对象的小时(从 0 到 23)。这是一个例子:

const date = new Date();
const utcHours = date.getUTCHours();
console.log(utcHours);

输出:

7

说明:
getUTCHours()方法根据通用时间 (UTC) 以 24 小时格式从当前 Date 对象检索小时。在此示例中,它返回当前小时,即 UTC 时间的“7”(上午 7 点)。

17. getUTCMilliseconds():
getUTCMilliseconds()方法根据通用时间返回指定 Date 对象的毫秒数(从 0 到 999)。这是一个例子:

const date = new Date();
const utcMilliseconds = date.getUTCMilliseconds();
console.log(utcMilliseconds);

输出:

500

说明:
getUTCMilliseconds()方法根据通用时间 (UTC) 从当前 Date 对象检索毫秒。在此示例中,它返回“500”。

18. getUTCMinutes():
getUTCMinutes()方法根据通用时间返回指定 Date 对象的分钟(从 0 到 59)。这是一个例子:

const date = new Date();
const utcMinutes = date.getUTCMinutes();
console.log(utcMinutes);

输出:

0

说明:
getUTCMinutes()方法根据通用时间 (UTC) 从当前 Date 对象中检索分钟。在此示例中,它返回当前分钟,即 UTC 中的“0”。

19. getUTCMonth():
getUTCMonth()方法根据通用时间返回指定 Date 对象的月份(从 0 到 11)。这是一个例子:

const date = new Date();
const utcMonth = date.getUTCMonth();
console.log(utcMonth);

输出:

5

说明:
getUTCMonth()方法根据通用时间 (UTC) 从当前 Date 对象中检索月份。它返回 0 到 11 之间的值,其中 0 代表一月,1 代表二月,依此类推。在此示例中,输出为“5”,因为 6 月是 UTC 的第六个月。

20. getUTCSeconds():
getUTCSeconds()方法根据通用时间返回指定 Date 对象的秒数(从 0 到 59)。这是一个例子:

const date = new Date();
const utcSeconds = date.getUTCSeconds();
console.log(utcSeconds);

输出:

0

说明:
getUTCSeconds()方法根据通用时间 (UTC) 从当前 Date 对象中检索秒数。在此示例中,它返回当前秒数,即 UTC 中的“0”。

21. setDate():
setDate()方法为指定的Date对象设置一月中的第几天(从1到31)。这是一个例子:

const date = new Date();
date.setDate(15);
console.log(date);

输出:

Thu Jun 15 2023 12:30:00 GMT+0530 (India Standard Time)

说明:
setDate()方法设置当前 Date 对象中的某一天。在此示例中,它将日期设置为 15 日,从而生成一个具有更新日期的新 Date 对象。

22. setFullYear():
setFullYear()方法为指定的Date对象设置四位数的年份。这是一个例子:

const date = new Date();
date.setFullYear(2022);
console.log(date);

输出:

Thu Jun 29 2022 12:30:00 GMT+0530 (India Standard Time)

说明:
setFullYear()方法设置当前 Date 对象的年份。在此示例中,它将年份设置为 2022,从而生成具有更新年份的新 Date 对象。

23. setHours():
setHours()方法为指定的Date对象设置小时(从0到23)。这是一个例子:

const date = new Date();
date.setHours(18);
console.log(date);

输出:

Tue Jun 29 2023 18:30:00 GMT+0530 (India Standard Time)

说明:
setHours()方法设置小时

对于当前的 Date 对象。在此示例中,它将小时设置为 18(下午 6 点),从而生成一个具有更新小时的新 Date 对象。

24. setMilliseconds():
setMilliseconds()方法为指定的Date对象设置毫秒(从0到999)。这是一个例子:

const date = new Date();
date.setMilliseconds(500);
console.log(date);

输出:

Tue Jun 29 2023 12:30:00 GMT+0530 (India Standard Time)

说明:
setMilliseconds()方法设置当前 Date 对象的毫秒数。在此示例中,它将毫秒设置为 500,从而生成具有更新毫秒的新 Date 对象。

25. setMinutes():
setMinutes()方法为指定的Date对象设置分钟(从0到59)。这是一个例子:

const date = new Date();
date.setMinutes(45);
console.log(date);

输出:

Tue Jun 29 2023 12:45:00 GMT+0530 (India Standard Time)

说明:
setMinutes()方法设置当前 Date 对象的分钟。在此示例中,它将分钟设置为 45,从而生成一个包含更新分钟的新 Date 对象。

26. setMonth():
setMonth()方法为指定的Date对象设置月份(从0到11)。这是一个例子:

const date = new Date();
date.setMonth(8);
console.log(date);

输出:

Sun Sep 29 2023 12:30:00 GMT+0530 (India Standard Time)

说明:
setMonth()方法设置当前 Date 对象的月份。在此示例中,它将月份设置为 9 月(第 8 个月),从而生成一个具有更新月份的新 Date 对象。

27. setSeconds():
setSeconds()方法为指定的Date对象设置秒(从0到59)。这是一个例子:

const date = new Date();
date.setSeconds(15);
console.log(date);

输出:

Tue Jun 29 2023 12:30:15 GMT+0530 (India Standard Time)

说明:
setSeconds()方法设置当前 Date 对象的秒数。在此示例中,它将秒设置为 15,从而生成一个具有更新后秒的新 Date 对象。

28. setTime():
setTime()方法为指定的Date对象设置时间对应的数值。这是一个例子:

const date = new Date();
date.setTime(1625040000000);
console.log(date);

输出:

Thu Jun 29 2021 00:00:00 GMT+0530 (India Standard Time)

说明:
setTime()方法设置当前 Date 对象的时间(以毫秒为单位)。在此示例中,它将时间设置为与 2021 年 6 月 30 日对应的 Unix 时间戳值,从而生成一个具有更新时间的新 Date 对象。

29. setUTCDate():
setUTCDate()方法根据世界时设置指定Date对象的月份中的第几天(从1到31)。这是一个例子:

const date = new Date();
date.setUTCDate(15);
console.log(date);

输出:

Thu Jun 15 2023 12:30:00 GMT+0530 (India Standard Time)

说明:
`setUTC

Date()` 方法根据通用时间 (UTC) 设置当前 Date 对象的月份日期。在此示例中,它将日期设置为 15 日,从而生成一个新的 Date 对象,其中包含更新后的 UTC 日期。

30. setUTCFullYear():
setUTCFullYear()方法根据通用时间为指定的Date对象设置四位数的年份。这是一个例子:

const date = new Date();
date.setUTCFullYear(2022);
console.log(date);

输出:

Thu Jun 29 2022 12:30:00 GMT+0530 (India Standard Time)

说明:
setUTCFullYear()方法根据通用时间 (UTC) 设置当前 Date 对象的年份。在此示例中,它将年份设置为 2022,从而生成一个新的 Date 对象,其中包含更新后的 UTC 年份。

31. setUTCHours():
setUTCHours()方法根据世界时间设置指定Date对象的小时(从0到23)。这是一个例子:

const date = new Date();
date.setUTCHours(18);
console.log(date);

输出:

Tue Jun 29 2023 18:30:00 GMT+0530 (India Standard Time)

说明:
setUTCHours()方法根据通用时间 (UTC) 以 24 小时格式设置当前 Date 对象的小时。在此示例中,它将小时设置为 UTC 格式的 18 点(下午 6 点),从而生成一个包含更新小时的新 Date 对象。

32. setUTCMilliseconds():
setUTCMilliseconds()方法根据世界时间设置指定Date对象的毫秒数(从0到999)。这是一个例子:

const date = new Date();
date.setUTCMilliseconds(500);
console.log(date);

输出:

Tue Jun 29 2023 12:30:00 GMT+0530 (India Standard Time)

说明:
setUTCMilliseconds()方法根据通用时间 (UTC) 设置当前 Date 对象的毫秒数。在此示例中,它将毫秒设置为 500,从而生成一个新的 Date 对象,其中包含更新后的 UTC 毫秒数。

33. setUTCMinutes():
setUTCMinutes()方法根据通用时间设置指定Date对象的分钟(从0到59)。这是一个例子:

const date = new Date();
date.setUTCMinutes(45);
console.log(date);

输出:

Tue Jun 29 2023 12:45:00 GMT+0530 (India Standard Time)

说明:
setUTCMinutes()方法根据通用时间 (UTC) 设置当前 Date 对象的分钟。在此示例中,它将分钟设置为 UTC 的 45,从而生成一个包含更新分钟的新 Date 对象。

34. setUTCMonth():
setUTCMonth()方法根据通用时间设置指定Date对象的月份(从0到11)。这是一个例子:

const date = new Date();
date.setUTCMonth(8);
console.log(date);

输出:

Sun Sep 29 2023 12:30:00 GMT+0530 (India Standard Time)

说明:
setUTCMonth()方法根据通用时间 (UTC) 设置当前 Date 对象的月份。在此示例中,它将月份设置为 9 月(第 8 个月)

UTC,生成一个带有更新月份的新 Date 对象。

35. setUTCSeconds():
setUTCSeconds()方法根据世界时设置指定Date对象的秒(从0到59)。这是一个例子:

const date = new Date();
date.setUTCSeconds(15);
console.log(date);

输出:

Tue Jun 29 2023 12:30:15 GMT+0530 (India Standard Time)

说明:
setUTCSeconds()方法根据通用时间 (UTC) 设置当前 Date 对象的秒数。在此示例中,它将 UTC 秒数设置为 15,从而生成一个具有更新秒数的新 Date 对象。

36. toDateString():
toDateString()方法将 Date 对象的日期部分转换为人类可读的字符串表示形式。这是一个例子:

const date = new Date();
const dateString = date.toDateString();
console.log(dateString);

输出:

"Tue Jun 29 2023"

说明:
toDateString()方法将 Date 对象的日期部分转换为“日月日年”格式的字符串表示形式。在此示例中,它返回表示日期的字符串。

37. toISOString():
toISOString()方法返回 ISO 8601 格式的 Date 对象的字符串表示形式。这是一个例子:

const date = new Date();
const isoString = date.toISOString();
console.log(isoString);

输出:

"2023-06-29T07:00:00.000Z"

说明:
toISOString()方法将 Date 对象转换为 ISO 8601 格式的字符串表示形式。返回的字符串表示日期、时间和时区偏移量。在此示例中,它返回当前日期的 ISO 字符串表示形式。

38. toJSON():
toJSON()方法返回 JSON 格式的 Date 对象的字符串表示形式。这是一个例子:

const date = new Date();
const jsonString = date.toJSON();
console.log(jsonString);

输出:

"2023-06-29T12:30:00.000Z"

说明:
toJSON()方法将 Date 对象转换为 JSON 格式的字符串表示形式。返回的字符串表示 ISO 8601 格式的日期、时间和时区偏移量。在此示例中,它返回当前日期的 JSON 字符串表示形式。

39. toLocaleDateString():
toLocaleDateString()方法根据当前语言环境将 Date 对象的日期部分转换为人类可读的字符串表示形式。这是一个例子:

const date = new Date();
const localeDateString = date.toLocaleDateString();
console.log(localeDateString);

输出:

"6/29/2023"

说明:
toLocaleDateString()方法根据当前区域设置的格式约定将 Date 对象的日期部分转换为字符串表示形式。具体格式可能会根据用户的区域设置而有所不同。在此示例中,它返回表示日期的本地化字符串。

40. toLocaleString():
toLocaleString()方法根据当前语言环境将 Date 对象转换为人类可读的字符串表示形式。这是一个例子:

const date = new Date();
const localeString = date.toLocaleString();
console.log(localeString);

输出:

"6/29/2023, 12:30:00 PM"

说明:
toLocaleString()方法根据当前区域设置的格式约定将 Date 对象转换为字符串表示形式。具体格式可能会根据用户的区域设置而有所不同。在此示例中,它返回表示日期和时间的本地化字符串。

41. toLocaleTimeString():
toLocaleTimeString()方法根据当前语言环境将 Date 对象的时间部分转换为人类可读的字符串表示形式。这是一个例子:

const date = new Date();
const localeTimeString = date.toLocaleTimeString();
console.log(localeTimeString);

输出:

"12:30:00 PM"

说明:
toLocaleTimeString()方法根据当前区域设置的格式约定将 Date 对象的时间部分转换为字符串表示形式。具体格式

可能会根据用户的区域设置而有所不同。在此示例中,它返回表示时间的本地化字符串。

42. toString():
toString()方法将Date对象转换为字符串表示形式。这是一个例子:

const date = new Date();
const string = date.toString();
console.log(string);

输出:

"Tue Jun 29 2023 12:30:00 GMT+0530 (India Standard Time)"

说明:
toString()方法使用默认格式将 Date 对象转换为字符串表示形式。在此示例中,它返回一个表示日期、时间和时区偏移量的字符串。

43. toTimeString():
toTimeString()方法将Date对象的时间部分转换为字符串表示形式。这是一个例子:

const date = new Date();
const timeString = date.toTimeString();
console.log(timeString);

输出:

"12:30:00 GMT+0530 (India Standard Time)"

说明:
toTimeString()方法将 Date 对象的时间部分转换为字符串表示形式。在此示例中,它返回一个表示时间和时区偏移的字符串。

44. toUTCString():
toUTCString()方法将Date对象转换为UTC格式的字符串表示形式。这是一个例子:

const date = new Date();
const utcString = date.toUTCString();
console.log(utcString);

输出:

"Tue, 29 Jun 2023 07:00:00 GMT"

说明:
toUTCString()方法将 Date 对象转换为 UTC 格式的字符串表示形式。在此示例中,它返回一个表示日期、时间和 UTC 时区的字符串。

45. valueOf():
valueOf()方法返回指定Date对象的时间对应的数值。这是一个例子:

const date = new Date();
const value = date.valueOf();
console.log(value);

输出:

1687349400000

说明:
valueOf()方法返回 Date 对象的时间值,作为自 1970 年 1 月 1 日 00:00:00 UTC 以来的毫秒数。在此示例中,它返回表示当前日期和时间(以毫秒为单位)的数值。

这些是 JavaScript 中一些常用的日期函数。它们允许您根据您的要求操作、格式化和转换日期对象。理解和利用这些函数将帮助您在 JavaScript 中有效地处理日期和时间。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。