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>

列印頁面