將日期從字串轉換為輸入類型日期格式

Question

我有一個「datetime-local」的HTML輸入類型，然後將其儲存在MSSQLServer資料庫的日期時間欄位中。當我載入編輯頁面時，我想用資料庫中的值填入此HTML日期欄位。當我控制台出日期的值時，它是：「2023年5月16日星期二15:40:00GMT+0200（南非標準時間）」。有沒有人成功地使用Javascript將這樣的字串轉換為可接受的HTML日期輸入格式？

P粉788765679 · Answer

Js 有內建方法，您可以使用這些方法來處理日期。

在下面的例子中我：

使用 Date 方法將輸入字串轉換為 Date 物件。
使用 getFullYear 方法從 Date 物件中提取年份。
使用 getMonth 方法從 Date 物件中提取月份。
- 由於 getMonth 方法傳回從零開始的月份索引（一月 = 0、二月 = 1 等），因此我們必須執行以下操作：結果 1。
- 將月份轉換為字串。
- 使用 padStart 方法確保月份字串的長度為 2 個字元。範例：如果擷取的值 = 1，則月份 = 01。
使用 getDay 方法從 Date 物件中提取日期。
- 將日期轉換為字串。
- 使用 padStart 方法確保日期字串的長度為 2 個字元。範例：如果擷取的值 = 1，則日期 = 01。
設定日期格式，使其適合 HTML 輸入格式。
將 HTML 元素值替換為我們提取的值。

const input = "Tue May 19 2024 15:40:00 GMT+0200 (South Africa Standard Time)";
const inputDate = new Date(input);

const year = inputDate.getFullYear();
const month = (inputDate.getMonth() + 1).toString().padStart(2, "0");
const day = inputDate.getDate().toString().padStart(2, "0");

const formattedDate = `${year}-${month}-${day}`;
const datePicker = document.getElementById('datePicker');
datePicker.value = formattedDate;





    
    
    
    Document

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學