如何使用 JavaScript 格式化 JSON 日期？

Question

我有一個 HTML <input type="date" name="departing" /> 2021-11-07 <input type="date" name="departing" />返回例如以下格式的日期： 2021-11-07

當我將此變量轉發到我的車把時，它顯示如下：

Mon Nov 08 2021 01:00:00 GMT+0100 (Central European Standard Time)

我想讓它顯示為：

07/11/2021

我嘗試用date-fns格式化它，如下所示：

departing = format(parseISO(departing.getDate()), "dd/MM/yyyy");

但隨后我的車把顯示： "Invalid Date"

我感到很困惑。 關於如何以 07/11/2021 格式顯示該日期的任何想法？

Answer 1

首先創建一個日期對象

const newDate = new Date();

現在您可以操縱代碼來獲得您想要的任何答案

var outputDate = newDate .getDate() + "/" +  (newDate.getMonth()+1) + "/" + 
newDate.getFullYear();

輸出看起來像 01/11/2021

Answer 2

好吧，您可以像單獨使用 #getDate()、#getMonth() 和 #getFullYear() 方法一樣簡單，然后按照您想要的順序顯示它們：

const date = new Date(departing);
const day = date.getDate();
const month = date.getMonth() + 1;
const year = date.getFullYear();

console.log(`${day}/${month}/${year}`);

希望它回答了這個問題。

Answer 3

你可以通過幾種方式做到這一點

方法一：-

let n = new Date()
console.log(n.toLocaleDateString("en-US")
output=== 31/9/2021

方法 2 :- 獲取單獨的值並合並

let n = new Date()
console.log(n.getDate()+"/"+n.getMonth()+"/"+n.getFullYear())
output=== 31/9/2021