如何将 JavaScript 日期对象转换为字符串？

在本教程中，我们将学习如何将 JavaScript 日期对象转换为字符串。在 JavaScript 中，我们只能对字符串调用某些方法。因此，我们需要将日期转换为字符串才能使用这些方法。

这里，我们有三种不同的方法将日期对象转换为字符串。

使用 toString() 方法

在这种方法中，我们将使用 JavaScript 的 toString() 方法将日期对象转换为字符串。toString() 方法可用于将任何数据类型的变量（如数字、对象或数组）转换为字符串。

语法

用户可以按照以下语法使用 toString() 方法。

let date = new Date();
let datestr = date.toString();

示例

在下面的示例中，我们使用 Date() 类的构造函数创建了日期对象。我们使用了 toString() 方法将日期对象转换为字符串。此外，我们还检查了转换后的字符串的类型，以确认对象已转换为字符串。

<html>
<head>
</head>
<body>
   <h2>Converting date object to string in JavaScript.</h2>
   <h4>Convert date to string using <i>toString()</i> method.</h4>
   <p id = "output1"></p>
   <script>
      let output1 = document.getElementById("output1");
      let date = new Date();
      let datestr = date.toString();
      output1.innerHTML += datestr + " <br/> ";
      output1.innerHTML += " Type of above date string is : " + typeof datestr;
   </script>
</body>
</html>

使用 toISOString() 方法

toISOString() 方法用于将日期对象转换为 ISO 字符串格式。它是 JavaScript Date 类的一个内置方法。

语法

用户可以按照以下语法使用 toISOString() 方法。

let date = new Date();
let datestr = date.toISOString();

示例

在下面的示例中，我们使用 toISOString() 方法将日期对象转换为字符串。用户可以在输出中看到日期格式也发生了变化，因为我们将日期对象转换为 ISO 字符串。

<html>
<head>
</head>
<body>
   <h2>Converting date object to string in JavaScript.</h2>
   <h4>Convert date to string using <i>date.toISOString()</i> method.</h4>
   <p id = "output1"></p>
   <script>
      let output1 = document.getElementById("output1");
      let date = new Date();
      let datestr = date.toISOString();
      output1.innerHTML += datestr + " <br/> ";
      output1.innerHTML += "Type of date string is : " + typeof datestr;
   </script>
</body>
</html>

使用 Moment.js format() 方法

Moment.js 库包含 format() 方法，用于将日期对象格式化为字符串格式。在 format() 方法的参数中，用户可以传递所需的日期字符串格式。

语法

用户可以按照以下语法使用 Moment.js 的 .format() 方法。

date = moment().format('YY – MM - DD HH : mm : ss');

参数

moment.format() 方法的所有参数都是可选的。

  • YY - 表示年份。

  • MM - 表示月份。

  • DD - 此参数用于日期。

  • HH - 用于小时。

  • mm - 用于分钟。

  • ss - 表示秒数。

示例

在下面的示例中，我们使用了 JavaScript 的 Moment.js 库。我们创建了两个日期对象；在第一个对象中，我们只格式化了日期字符串，在第二个对象中，我们格式化了日期和时间字符串。

<html>
<head>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.3/moment-with-locales.min.js"
   integrity="sha512-vFABRuf5oGUaztndx4KoAEUVQnOvAIFs59y4tO0DILGWhQiFnFHiR+ZJfxLDyJlXgeut9Z07Svuvm+1Jv89w5g=="  crossorigin="anonymous" referrerpolicy="no-referrer"> </script>
</head>
<body>
   <h2>Converting date object to string in JavaScript.</h2>
   <h4>Convert date to string using <i>moment().format()</i> method.</h4>
   <p id = "output1"></p>
   <script>
      let output1 = document.getElementById("output1");
      let date = moment().format('YY-MM-DD');
      output1.innerHTML += "formatted date string only : " + date + "<br/>";
      date = moment().format('YY-MM-DD HH : mm : ss');
      output1.innerHTML += "formatted date and time strings : " + date + "<br/>";
   </script>
</body>
</html>

用户学习了三种将日期对象转换为字符串的方法。最现代的方法是最后一种，使用 Moment.js 的 format() 方法。它允许用户在日期字符串中设置分隔符。但是，用户也可以使用 toDateString() 方法来解决此问题。

更新于: 2022年8月17日

13K+ 浏览量

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告