Javascript 简明教程

JavaScript - Get Date Methods

Get Date Methods

JavaScript 利用 Date 对象进行日期和时间操作。此对象提供了一系列方法,以方便检索和修改特定于日期的信息。这里,我们将讨论 JavaScript 中的获取日期方法,这些方法用于获取日期/时间的不同组件。

下面是表中使用最广泛的获取日期方法及其相应的描述。

Method

Description

getFullYear()

此方法通过检索本地时区的当前年份来获取并显示全年历年份;它返回本地日期对象的完整四位数字表示形式。

getMonth()

返回本地日期对象的月份(0-11)。此方法检索当前月份,值范围从 0(一月)到 11(十二月)。它对于显示和操作与月份相关的信息很有用。

getDate()

此方法:“返回当前日期的日期部分”,值范围从 1 到 31。当需要从本地日期对象中提取此信息时,此功能特别有用。

getHours()

'getHours()' 函数提取并返回本地日期对象的 hour 部分(0-23)。这使你能够在本地时区检索当前的小时,用于进行各种与时间相关的应用程序。

getMinutes()

返回本地日期对象的分钟(0-59)。检索当前的分钟部分,范围从 0 到 59。对于显示和处理分钟级别的与时间相关的数据非常有用。

getSeconds()

这会返回本地日期对象的秒数,范围从 0 到 59。它为各种基于时间计算/显示提供了精确到秒的信息。

getMilliseconds()

返回本地日期对象的毫秒数(0-999)。检索当前的毫秒部分,允许在与时间相关应用程序和计算中实现高精度。

getDay()

返回从 0(星期日)开始的星期几索引,一直到 6(星期六)。

getUTCFullYear()

返回协调世界时间 (UTC) 中日期对象的完整 4 位数年份。此方法检索 UTC 中的当前年份,提供全年历年份的标准表示形式,与本地时区无关。

getUTCMonth()

返回从 0(1 月)到 11(12 月)的月份索引,但返回的是协调世界时 (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 中的当前毫秒组件。

Examples

Example 1: Simple demonstration of get date methods

以下示例演示了流行的 JavaScript 日期方法的基本应用程序:它实例化一个新的日期对象来表示当前日期和时间;随后,它展示了各种组件(年、月、日;小时、分钟、秒、毫秒)的数组以及它们相应的 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>

Example 2: Comparison of two dates

在此示例中,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>