如何将 MySQL 日期转换为 JavaScript 日期?

front end technologyjavascriptweb development

在本教程中,我们将学习将 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 日期。简单来说,我们已经有了转换日期格式的想法。现在,用户应该能够解决转换日期格式的问题了。


相关文章