📌  相关文章
📜  javascript 将时间转换为 24 小时格式 - Javascript (1)

📅  最后修改于: 2023-12-03 15:16:12.015000             🧑  作者: Mango

Javascript 将时间转换为 24 小时格式

有时候我们需要将时间转换为 24 小时格式,以便与数据库匹配或其他需求。这篇文章将介绍如何用 JavaScript 将时间转换为 24 小时格式。

使用 Date 对象

JavaScript 的 Date 对象可以表示和操作日期和时间。我们可以使用它来获取当前时间,并将其转换为 24 小时格式。以下是一个示例代码片段:

const date = new Date();
const hours = date.getHours();
const minutes = date.getMinutes();
const seconds = date.getSeconds();
const formattedTime = hours + ':' + minutes + ':' + seconds;
console.log(formattedTime);

上述代码中,我们使用 new Date() 获取当前日期和时间,并使用 getHours()getMinutes()getSeconds() 方法获取小时、分钟和秒数。然后,我们将这些值连接起来,并将结果存储在 formattedTime 变量中。

最后,我们将结果输出到控制台,它应该像下面这样:

13:25:42
使用 padStart()

上述示例中的输出结果中存在一个问题,当小时数为单个数字时,它只有一个字符。我们可以使用 padStart() 方法在小时数前面添加一个零来解决这个问题。以下是修改后的代码片段:

const date = new Date();
const hours = date.getHours().toString().padStart(2, '0');
const minutes = date.getMinutes().toString().padStart(2, '0');
const seconds = date.getSeconds().toString().padStart(2, '0');
const formattedTime = hours + ':' + minutes + ':' + seconds;
console.log(formattedTime);

在这个修改版中,我们使用 toString() 方法将小时数转换为字符串,并在其后使用 padStart() 方法。第一个参数指定字符串的目标长度,第二个参数指定用于填充字符串的字符。如果小时数本身已经有两个字符,padStart() 方法不会执行任何操作。

输出结果应该如下:

13:34:21
结论

在本文中,我们介绍了两种用 JavaScript 将时间转换为 24 小时格式的方法。第一种方法是使用 Date 对象,第二种方法是结合 padStart() 方法使用。无论你选择哪种方法,它们都相当简单,可以轻松处理日期和时间。