如何將 MySQL 日期轉換為 JavaScript 日期？

在本教程中，我們將學習如何將MySQL 日期轉換為 JavaScript 日期。MySQL 日期與常規日期沒有區別，但其格式或語法不同，我們需要將其轉換為常規日期的格式。

MySQL 日期的一般語法為YYYY - MM - DD HH: mm: ss。因此，我們需要將給定的 MySQL 日期字串語法轉換為正常的日期語法。我們將有兩種方法將 MySQL 日期轉換為 JavaScript 日期。

  • 使用 replace() 方法

  • 使用 split() 方法

使用 replace() 方法

replace() 方法是 JavaScript 庫內建的方法，使用者可以將其與字串一起使用。它接受兩個引數；第一個是要替換的字串，另一個是將取代舊字串的新字串。

我們將用反斜槓字元替換所有短劃線以格式化字串。之後，我們將使用Date.parse()方法從字串中解析日期，並將其作為Date()類建構函式的引數傳遞以建立一個新的日期物件。

語法

使用者可以按照以下語法將 MySQL 日期轉換為 JavaScript 日期。

let MySQLDate = "2022-07-08 11:55:17";
// format the date string
let date = MySQLDate.replace( /[-]/g, '/' );
// parse the proper date string from the formatted string.
date = Date.parse( date );
// create new date
let jsDate = new Date( date );

引數

  • /[-]/g − 它是一個正則表示式，用於將所有短劃線替換為反斜槓符號。因此，我們可以從中解析日期。

示例

在下面的示例中，我們將 MySQL 日期分配給單個變數，並嘗試使用上述方法將其轉換為 JavaScript 日期。在輸出中，使用者可以看到給定 MySQL 日期標準日期格式。

<html>
<body>
   <h2>Converting the MySQL date to JavaScript date.</h2>
   <h4>Converting the 2022 - 07 - 08 11:55:17 to JavaScript date using <i> replace() </i> method.</h4>
   <div id = "dateOutput"></div>
   <script>
      let dateOutput = document.getElementById("dateOutput");
      let MySQLDate = "2022-07-08 11:55:17";
      let date = MySQLDate.replace(/[-]/g, '/');
      date = Date.parse(date);
      let jsDate = new Date(date);
      dateOutput.innerHTML = jsDate;
   </script>
</body>
</html>

使用 split() 方法

使用者可以對任何字串應用 JavaScript 的split()方法。我們有一個字串格式的日期，因此我們可以將其用於日期。split()方法接受一個引數，我們需要根據該引數拆分字串。它返回日期部分的陣列，我們可以使用擴充套件運算子將其傳遞給Date()建構函式並建立新的 JavaScript 日期。

語法

使用者可以按照以下語法使用split()方法將 MySQL 日期轉換為 JavaScript 日期。

let MySQLDate = "2021-11-29 1:25:37";
// split the date with ‘-’ and ‘:’
let date = MySQLDate.split( /[- :]/ );
//subtract 1 from the month as it takes the value between 0 to 11.
date[1]--;
// pass all parts of the date as a parameter. 
let jsDate = new Date( ...date );

引數

  • /[- : ]/ − 它是一個正則表示式，用於從‘-’和‘:’字元拆分 MySQL 日期，並獲取所有日期部分的陣列。

  • …date − date 是日期部分的陣列，我們使用擴充套件運算子（…）將陣列的所有元素傳遞給 Date()。

示例

在下面的示例中，我們從短劃線和冒號中拆分了 MySQL 日期，並獲取了日期部分的陣列緩衝區。我們使用日期類和舊日期部分的陣列建立了新的 JavaScript 日期。

<html>
<body>
   <h2>Converting the MySQL date to JavaScript date.</h2>
   <h4>Converting the 2022 - 11 - 29 1:25:37 to JavaScript date using <i> date.split() </i> method.</h4>
   <div id = "dateOutput"></div>
   <script>
      let dateOutput = document.getElementById("dateOutput");
      let MySQLDate = "2022-11-29 1:25:37";
      let date = MySQLDate.split(/[- :]/);
      date[1]--;
      let jsDate = new Date(...date);
      dateOutput.innerHTML = jsDate;
   </script>
</body>
</html>

我們已經學習瞭如何將 MySQL 日期轉換為 JavaScript 日期。簡單來說，我們瞭解瞭如何更改日期格式。現在，使用者應該能夠解決更改日期格式的問題。

更新於: 2022年8月17日

7K+ 閱讀量

開啟您的 職業生涯

透過完成課程獲得認證

開始學習
廣告