获取日期方法
JavaScript 利用 Date 对象进行日期和时间操作。此对象提供了一系列方法，这些方法有助于检索和修改特定于日期的信息。在这里，我们将讨论 JavaScript 中的 get date 方法，这些方法获取日期/时间的不同组件。
下表列出了最常用的 get date 方法及其相应的描述。
| 方法 | 描述 |
|---|---|
| getFullYear() | 此方法通过检索本地时区的当前年份来获取和显示综合日历年;它返回本地日期对象的完整四位数表示形式。 |
| getMonth() | 返回本地日期对象的月份 （0-11）。此方法检索当前月份，其值范围为 0（1 月）到 11（12 月）。它可用于显示和操作与月份相关的信息。 |
| 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（Jan） 到 11（Dec）的月份索引，但返回协调世界时 （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：get date 方法的简单演示
下面的示例演示了流行的 JavaScript 日期方法的基本应用：它实例化一个新的 Date 对象来表示当前的日期和时间;随后，它展示了一系列不同的组成部分 - 年、月、日;小时、分钟、秒、毫秒;以及相应的 UTC 对应项。显示的元素不仅包括标准的时间划分，还包括有关工作日的补充信息：从而提供了对当前时间动态的全面洞察。
<!DOCTYPE html>
<html>
<head>
<title> Exxample to demonstrate get date methods in JavaScript</title>
</head>
<body>
<script>
// 创建新的Date对象
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>
