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

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

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

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

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

YYYY-MM-DDTHH:mm:ss.sssZ

語法

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

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

示例

在下面的示例中，我們建立了Date類的物件，並以日期物件為參考呼叫了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年8月17日

9K+ 次瀏覽

啟動您的職業生涯

完成課程後獲得認證

開始學習
廣告