如何在 JavaScript 中將日期物件轉換為格式為 hh:mm:ss 的字串？

我們將學習如何在 JavaScript 中將日期物件轉換為格式為hh:mm:ss的字串。在開發應用程式時，開發人員很少不使用日期和時間。因此，學習操作日期也很重要。

預設的日期物件返回日期字串。也許這很奇怪，因為您不需要顯示其中的所有內容。因此，使用者可以根據自己的需要格式化日期字串。在這裡，我們將看到格式化日期字串的不同方法。

使用 toISOString() 方法格式化日期

在這種方法中，我們將使用日期類的toISOString()方法。我們可以建立 Date 類的日期物件，並透過以日期為參考來呼叫toISOString()方法。我們使用此方法將日期物件轉換為格式為 hh:mm:ss 的字串。它使用 ISO 標準進行轉換，即 -

YYYY-MM-DDTHH:mm:ss.sssZ

語法

使用者可以按照以下語法使用日期物件中的toISOString()方法。

let myDate = new Date();
let datestr =myDate.toISOString();

示例

在下面的示例中，我們建立了日期類的物件，並透過以日期物件為參考來呼叫了toISOString()方法。它以 hh:mm:ss 格式返回字串。此外，它還返回 ISO 時間，因此使用者無法將其與本地時間進行比較。此外，我們透過將其作為 Date() 類的引數傳遞來建立自定義日期，並呼叫了 toISOString() 方法。

<html>
<head>
</head>
<body>
   <h2>Converting JavaScript date to string with format hh : mm : ss.</h2>
   <h4>Using the <i> toISOString()</i> method to convert the time in the hh : mm : ss format </h4>
   <p id = "output1"> </p>
   <script>
      let output1 = document.getElementById("output1");
      let myDate = new Date();
      output1.innerHTML += "current date is : " + myDate.toISOString() + " <br/> ";
      
      // creating the date object for particular date
      myDate = new Date(2002, 2, 21, 10, 23, 59);
      output1.innerHTML += "created custom date and formatted it : " + myDate.toISOString() + " <br/> ";
   </script>
</body>
</html>

使用 moment.format() 方法

JavaScript 中的日期和時間 Moment.JS 庫包含各種操作日期和時間的方法。其中之一是 .format() 方法，它可用於根據我們的要求格式化日期。

語法

使用者可以按照以下語法使用 moment().format() 方法。

let date = moment();
let dateStr = date.format("YY-MM-DD HH:mm:ss");

引數

  • YY-MM-DD HH:mm:ss - 它表示字串的格式。這裡，YY 代表年份，MM 代表月份，以此類推，DD、HH、mm、ss 分別代表日期、小時、分鐘和秒。

示例

在下面的示例中，我們使用 moment() 方法建立了新的日期物件。之後，我們使用 .format() 方法將日期和時間字串格式化為 hh:mm:ss 格式。使用者可以在輸出中觀察結果。

<html>
<head>
   <script  src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment-with-locales.min.js"
   integrity="sha512-42PE0rd+wZ2hNXftlM78BSehIGzezNeQuzihiBCvUEB3CVxHvsShF86wBWwQORNxNINlBPuq7rG4WWhNiTVHFg=="
   crossorigin="anonymous" referrerpolicy="no-referrer"> </script>
</head>
<body>
   <h2> Converting JavaScript date to string with format hh : mm : ss . </h2>
   <h4> Using the <i> moment().format() </i> method to convert the time in the hh : mm : ss format </h4>
   <p id = "output1"> </p>
   <script>
      let output1 = document.getElementById("output1");
      let date = moment();
      let dateStr = date.format("YY-MM-DD HH:mm:ss");
      output1.innerHTML += "Current date is : " + dateStr + " <br/> ";
   </script>
</body>
</html>

使用者已經學習了將日期和時間轉換為所需字串格式的兩種不同方法。我們必須使用 Moment.JS 庫，這是最佳方法，因為它不需要花費太多精力，並且可以透過一行程式碼完成。

此外，使用者還可以使用各種方法分別獲取年份、月份、日期和時間，並格式化字串，但使用者需要呼叫方法來獲取日期的單個部分。

更新於: 2022-08-17

9K+ 次檢視

啟動你的職業生涯

透過完成課程獲得認證

開始學習
廣告