JavaScript - 获取日期方法
获取日期方法
JavaScript 使用 Date 对象进行日期和时间操作。该对象提供了一系列方法，方便检索和修改特定日期的信息。本文将讨论 JavaScript 中用于获取日期/时间不同组成部分的获取日期方法。
下表列出了最常用的获取日期方法及其相应的说明。
| 方法 | 说明 |
|---|---|
| getFullYear() | 此方法通过检索本地时区的当前年份来获取并显示完整的日历年份;它返回本地日期对象的完整四位数字表示。 |
| getMonth() | 返回本地日期对象的月份 (0-11)。此方法检索当前月份，取值范围从 0(一月)到 11(十二月)。它对于显示和操作与月份相关的信息非常有用。 |
| getDate() | 该方法:"返回当前日期的日期部分"，取值范围从 1 到 31。当需要从本地日期对象中提取此信息时，此功能特别有用。 |
| getHours() | 函数"getHours()"提取并返回本地日期对象的小时部分 (0-23)。这允许您检索本地时区的当前小时数，以用于各种与时间相关的应用程序。 |
| getMinutes() | 返回本地日期对象的分钟数 (0-59)。检索当前分钟部分，范围从 0 到 59。用于在分钟级别显示和处理与时间相关的数据。 |
| getSeconds() | 返回本地日期对象的秒数，范围从 0 到 59。它为各种基于时间的计算/显示提供精确到秒的精度。 |
| getMilliseconds() | 返回本地日期对象的毫秒数 (0-999)。检索当前毫秒部分，以便在与时间相关的应用和计算中实现高精度。 |
| getDay() | 返回星期几的索引，从 0(星期日)开始，一直到 6(星期六)。 |
| getUTCFullYear() | 返回日期对象以协调世界时 (UTC) 表示的完整 4 位数年份。此方法以 UTC 格式检索当前年份，提供日历年份的标准化表示，不受当地时区限制。 |
| getUTCMonth() | 返回月份的索引，范围从 0(一月)到 11(十二月)，但以协调世界时 (UTC) 格式返回日期对象。 |
| getUTCDate() | 返回日期对象中以协调世界时 (UTC) 表示的月份日期 (1-31)。用于在 UTC 上下文中获取当前日期的日期部分。 |
| getUTCHours() | 返回日期对象中以协调世界时 (UTC) 表示的小时部分 (0-23)。检索当前小时的 UTC 值，以便跨不同时区对小时部分进行标准化访问。 |
| getUTCMinutes() | 返回日期对象中以协调世界时 (UTC) 表示的分钟部分 (0-59)。获取当前 UTC 分钟部分，为各种基于国际时间的应用程序提供标准化分钟信息。 |
| getUTCSeconds() | 该函数获取日期对象以协调世界时 (UTC) 表示的秒数(范围从 0 到 59)。它还获取当前 UTC 秒部分，从而实现跨时区的标准化秒信息。 |
| getUTCMilliseconds() | 该函数返回日期对象以协调世界时 (UTC) 表示的毫秒数(0-999);它检索并提供高精度的标准时间相关计算和应用:具体来说，它提供当前 UTC 毫秒部分。 |
示例
示例 1:获取日期方法的简单演示
以下示例演示了常用 JavaScript 日期方法的基本应用:它实例化一个新的 Date 对象来表示当前日期和时间;随后，它显示一个包含各种组成部分的数组——年、月、日;时、分、秒、毫秒;以及它们对应的 UTC 部分。显示的元素不仅包含标准的时间划分，还包含有关工作日的补充信息:从而提供对当前时间动态的全面洞察。
<!DOCTYPE html>
<html>
<head>
<title> Exxample to demonstrate get date methods in JavaScript</title>
</head>
<body>
<script>
// 创建一个新的日期对象
const currentDate = new Date();
function displayResult(methodName, result) {
const resultDiv = document.createElement('div');
resultDiv.innerHTML = `${methodName}: ${result}`;
document.body.appendChild(resultDiv);
}
displayResult('getFullYear()', currentDate.getFullYear());
displayResult('getMonth()', currentDate.getMonth());
displayResult('getDate()', currentDate.getDate());
displayResult('getHours()', currentDate.getHours());
displayResult('getMinutes()', currentDate.getMinutes());
displayResult('getSeconds()', currentDate.getSeconds());
displayResult('getMilliseconds()', currentDate.getMilliseconds());
displayResult('getDay()', currentDate.getDay());
displayResult('getUTCFullYear()', currentDate.getUTCFullYear());
displayResult('getUTCMonth()', currentDate.getUTCMonth());
displayResult('getUTCDate()', currentDate.getUTCDate());
displayResult('getUTCHours()', currentDate.getUTCHours());
displayResult('getUTCMinutes()', currentDate.getUTCMinutes());
displayResult('getUTCSeconds()', currentDate.getUTCSeconds());
displayResult('getUTCMilliseconds()', currentDate.getUTCMilliseconds());
</script>
</body>
</html>
示例 2:比较两个日期
在此示例中，Date 构造函数创建了两个特定日期:date1 和 date2。脚本随后比较这两个日期;它会显示它们的格式化表示，并显示一条消息，指示 date1 是晚于、早于还是等于 date2。
<!DOCTYPE html>
<html>
<head>
<title>Comparison of two dates in JavaScript</title>
</head>
<body>
<script>
const date1 = new Date(2024, 0, 18);
const date2 = new Date(2024, 0, 26);
function displayComparison() {
const date1Div = document.createElement('div');
date1Div.innerHTML = `Date 1: ${date1.toDateString()}`;
document.body.appendChild(date1Div);
const date2Div = document.createElement('div');
date2Div.innerHTML = `Date 2: ${date2.toDateString()}`;
document.body.appendChild(date2Div);
const resultDiv = document.createElement('div');
if (date1 > date2) {
resultDiv.innerHTML = "date 1 is later than date 2";
} else if (date1 < date2) {
resultDiv.innerHTML = "date 1 is earlier than date 2";
} else {
resultDiv.innerHTML = "Both dates are equal";
}
document.body.appendChild(resultDiv);
}
displayComparison();
</script>
</body>
</html>
