如何在 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 库,这是最好的方法,因为它不需要太多努力,而且只需一行代码即可完成。
此外,用户可以使用各种方法分别获取年份、月份、日期和时间并格式化字符串,但用户需要调用这些方法来获取日期的单个部分。