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()	返回协调世界时 (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：获取日期方法的简单演示

以下示例演示了常用 JavaScript 日期方法的基本应用：它实例化一个新的 Date 对象来表示当前日期和时间；随后，它展示了一系列不同的组件——年份、月份、日期；小时、分钟、秒、毫秒；以及它们的 UTC 对应部分。显示的元素不仅包含标准的时间划分，还包含有关星期的补充信息：从而提供对当前时间动态的全面洞察。

<!DOCTYPE html>
<html>
<head>
   <title> Exxample to demonstrate get date methods in JavaScript</title>
</head>
<body>
   <script>
      // Create a new Date object
      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>

打印页面