如何将 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+ 阅读量

开启您的 职业生涯

通过完成课程获得认证

开始学习
广告