JavaScript 利用 Date 对象来进行日期和时间的操作。这个对象提供了多种方法,便于检索和修改与日期相关的特定信息。在这里,我们将讨论 JavaScript 中用于获取日期/时间各个部分的 get date 方法。
下面是一个表格,列出了最常用的 get date 方法及其对应的描述。
方法 |
描述 |
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)中的日期对象的完整四位数年份。此方法获取 UTC 中的当前年份,提供不受本地时区影响的标准化年份表示。 |
getUTCMonth() |
返回协调世界时(UTC)中的日期对象的月份索引,范围从 0(一月)到 11(十二月)。 |
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>演示 JavaScript 中 get date 方法的示例</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>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>