如何在 JavaScript 中将日期对象转换为格式为 hh:mm:ss 的字符串？

我们将学习如何在 JavaScript 中将日期对象转换为格式为hh:mm:ss的字符串。在开发应用程序时，开发人员很少不使用日期和时间。因此，学习操作日期也很重要。

默认的日期对象返回日期字符串。也许这很奇怪，因为您不需要显示其中的所有内容。因此，用户可以根据自己的需要格式化日期字符串。在这里，我们将看到格式化日期字符串的不同方法。

使用 toISOString() 方法格式化日期

在这种方法中，我们将使用日期类的toISOString()方法。我们可以创建 Date 类的日期对象，并通过以日期为参考来调用toISOString()方法。我们使用此方法将日期对象转换为格式为 hh:mm:ss 的字符串。它使用 ISO 标准进行转换，即 -

YYYY-MM-DDTHH:mm:ss.sssZ

语法

用户可以按照以下语法使用日期对象中的toISOString()方法。

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

示例

在下面的示例中，我们创建了日期类的对象，并通过以日期对象为参考来调用了toISOString()方法。它以 hh:mm:ss 格式返回字符串。此外，它还返回 ISO 时间，因此用户无法将其与本地时间进行比较。此外，我们通过将其作为 Date() 类的参数传递来创建自定义日期，并调用了 toISOString() 方法。

<html>
<head>
</head>
<body>
   <h2>Converting JavaScript date to string with format hh : mm : ss.</h2>
   <h4>Using the <i> toISOString()</i> method to convert the time in the hh : mm : ss format </h4>
   <p id = "output1"> </p>
   <script>
      let output1 = document.getElementById("output1");
      let myDate = new Date();
      output1.innerHTML += "current date is : " + myDate.toISOString() + " <br/> ";
      
      // creating the date object for particular date
      myDate = new Date(2002, 2, 21, 10, 23, 59);
      output1.innerHTML += "created custom date and formatted it : " + myDate.toISOString() + " <br/> ";
   </script>
</body>
</html>

使用 moment.format() 方法

JavaScript 中的日期和时间 Moment.JS 库包含各种操作日期和时间的方法。其中之一是 .format() 方法，它可用于根据我们的要求格式化日期。

语法

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

let date = moment();
let dateStr = date.format("YY-MM-DD HH:mm:ss");

参数

  • YY-MM-DD HH:mm:ss - 它表示字符串的格式。这里，YY 代表年份，MM 代表月份，以此类推，DD、HH、mm、ss 分别代表日期、小时、分钟和秒。

示例

在下面的示例中，我们使用 moment() 方法创建了新的日期对象。之后，我们使用 .format() 方法将日期和时间字符串格式化为 hh:mm:ss 格式。用户可以在输出中观察结果。

<html>
<head>
   <script  src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment-with-locales.min.js"
   integrity="sha512-42PE0rd+wZ2hNXftlM78BSehIGzezNeQuzihiBCvUEB3CVxHvsShF86wBWwQORNxNINlBPuq7rG4WWhNiTVHFg=="
   crossorigin="anonymous" referrerpolicy="no-referrer"> </script>
</head>
<body>
   <h2> Converting JavaScript date to string with format hh : mm : ss . </h2>
   <h4> Using the <i> moment().format() </i> method to convert the time in the hh : mm : ss format </h4>
   <p id = "output1"> </p>
   <script>
      let output1 = document.getElementById("output1");
      let date = moment();
      let dateStr = date.format("YY-MM-DD HH:mm:ss");
      output1.innerHTML += "Current date is : " + dateStr + " <br/> ";
   </script>
</body>
</html>

用户已经学习了将日期和时间转换为所需字符串格式的两种不同方法。我们必须使用 Moment.JS 库，这是最佳方法，因为它不需要花费太多精力，并且可以通过一行代码完成。

此外，用户还可以使用各种方法分别获取年份、月份、日期和时间，并格式化字符串，但用户需要调用方法来获取日期的单个部分。

更新于: 2022-08-17

9K+ 次查看

启动你的职业生涯

通过完成课程获得认证

开始学习
广告