如何將 JavaScript 日期物件轉換為字串?


在本教程中,我們將學習如何將 JavaScript 日期物件轉換為字串。在 JavaScript 中,我們只能對字串呼叫某些方法。因此,我們需要將日期轉換為字串才能使用這些方法。

這裡,我們有三種不同的方法可以將日期物件轉換為字串。

使用 toString() 方法

在這種方法中,我們將使用 JavaScript 的 toString() 方法將日期物件轉換為字串。toString() 方法可用於將任何資料型別的變數(如數字、物件或陣列)轉換為字串。

語法

使用者可以按照以下語法使用 toString() 方法。

let date = new Date();
let datestr = date.toString();

示例

在下面的示例中,我們使用 Date() 類的建構函式建立了日期物件。我們使用 toString() 方法將日期物件轉換為字串。此外,我們還檢查了轉換後字串的型別,以明確物件已轉換為字串。

<html> <head> </head> <body> <h2>Converting date object to string in JavaScript.</h2> <h4>Convert date to string using <i>toString()</i> method.</h4> <p id = "output1"></p> <script> let output1 = document.getElementById("output1"); let date = new Date(); let datestr = date.toString(); output1.innerHTML += datestr + " <br/> "; output1.innerHTML += " Type of above date string is : " + typeof datestr; </script> </body> </html>

使用 toISOString() 方法

toISOString() 方法用於將日期物件轉換為 ISO 字串 格式。它是 JavaScript 日期類的內建方法。

語法

使用者可以按照以下語法使用 toISOString() 方法。

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

示例

在下面的示例中,我們使用 toISOString() 方法將日期物件轉換為字串。使用者可以在輸出中看到日期格式也發生了變化,因為我們將日期物件轉換為 ISO 字串

<html> <head> </head> <body> <h2>Converting date object to string in JavaScript.</h2> <h4>Convert date to string using <i>date.toISOString()</i> method.</h4> <p id = "output1"></p> <script> let output1 = document.getElementById("output1"); let date = new Date(); let datestr = date.toISOString(); output1.innerHTML += datestr + " <br/> "; output1.innerHTML += "Type of date string is : " + typeof datestr; </script> </body> </html>

使用 Moment.js format() 方法

Moment.js 庫包含 format() 方法,用於將日期物件格式化為字串格式。在 format() 方法的引數中,使用者可以傳遞所需的日期字串格式。

語法

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

date = moment().format('YY – MM - DD HH : mm : ss');

引數

moment.format() 方法的所有引數都是可選的。

  • YY - 表示年份。

  • MM - 表示月份。

  • DD - 此引數用於日期。

  • HH - 用於小時。

  • mm - 用於分鐘。

  • ss - 表示秒數。

示例

在下面的示例中,我們使用了 JavaScript 的 Moment.js 庫。我們建立了兩個日期物件;在第一個物件中,我們只格式化了日期字串,在第二個物件中,我們格式化了日期和時間字串。

<html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.3/moment-with-locales.min.js" integrity="sha512-vFABRuf5oGUaztndx4KoAEUVQnOvAIFs59y4tO0DILGWhQiFnFHiR+ZJfxLDyJlXgeut9Z07Svuvm+1Jv89w5g==" crossorigin="anonymous" referrerpolicy="no-referrer"> </script> </head> <body> <h2>Converting date object to string in JavaScript.</h2> <h4>Convert date to string using <i>moment().format()</i> method.</h4> <p id = "output1"></p> <script> let output1 = document.getElementById("output1"); let date = moment().format('YY-MM-DD'); output1.innerHTML += "formatted date string only : " + date + "<br/>"; date = moment().format('YY-MM-DD HH : mm : ss'); output1.innerHTML += "formatted date and time strings : " + date + "<br/>"; </script> </body> </html>

使用者學習了三種將日期物件轉換為字串的方法。現代方法是最後一種,使用 Moment.js 的 format() 方法。它允許使用者在日期字串中設定分隔符。但是,使用者也可以使用 toDateString() 方法來解決問題。

更新於: 2022年8月17日

13K+ 瀏覽量

啟動你的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.