如何使用 date-fns 格式化日期？

Question

我一直在嘗試使用date-fns格式化日期，但我一直失敗。 基本上我讓它在 momentJS 上工作得很好，但在 date-fns 上卻沒有：

這是我的約會：

"10-13-20" // month, day, and year

現在使用 momentJS，它可以像這樣正常工作：

let result = moment("10-13-20", 'MM-DD-YY').format()
// result = "2020-10-13T00:00:00-06:00"

所以我試圖使用date-fns做同樣的事情，但沒有運氣。 任何人都可以指出我正確的方向嗎？ 提前致謝！

let result = format(new Date("10-13-20"), 'MM-DD-YY') // Not working

Answer 1

如您所見，使用moment lib，我們需要 2 個步驟才能得到結果：將字符串解析為Date對象，然后將 date 對象格式化為字符串。

您的代碼 - format(new Date("10-13-20"), 'MM-DD-YY')是format步驟，嘗試將日期對象轉換為格式模板為MM-DD-YY的字符串。 但是您的日期對象不正確。

解決方案是用moment lib 做同樣的事情：

1. 將日期字符串解析為日期對象。 使用解析

   const dateString = '10-13-20'; const date = parse(dateString, 'MM-dd-yy', new Date()) // not MM-DD-YY

2. 將日期對象格式化為結果字符串。 使用格式

   const result = format(date, "yyyy-MM-dd'T'HH:mm:ss.SSSxxx") console.log(result)

   結果將類似於（與我的時區中的時刻結果相同）：

    2020-10-13T00:00:00.000+09:00

Answer 2

const date = "2021-12-20"
console.log(format(date, "DD-MM-YYYY"));
// output: 20-12-2021