Javascript 中如何以 12 小时 AM / PM 格式显示日期时间？

在JavaScript中，要以12小时AM/PM格式显示日期和时间，您可以使用内置的 Date 对象，并通过格式化来实现。以下是具体的步骤和示例：

创建一个Date对象：首先，您需要一个Date对象。这可以是当前的日期和时间，或者是一个特定的日期和时间。
```
javascript
var now = new Date();
```

获取日期时间各个部分：您需要从Date对象中获取小时、分钟、秒等信息。

javascript
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();

转换为12小时格式：默认情况下，getHours() 方法返回一个0到23的小时数。您需要将其转换为12小时制，并确定是AM还是PM。
```
javascript
var ampm = hours >= 12 ? 'PM' : 'AM';
hours = hours % 12;
hours = hours ? hours : 12; // 将0小时转换为12
```

格式化分钟和秒：为了美观，通常我们需要分钟和秒数始终保持两位数的格式。

javascript
minutes = minutes < 10 ? '0' + minutes : minutes;
seconds = seconds < 10 ? '0' + seconds : seconds;

组合最终的时间字符串：将上面的部分组合成最终的时间字符串。

javascript
var strTime = hours + ':' + minutes + ':' + seconds + ' ' + ampm;

输出结果：您可以使用 console.log 来输出时间，或者在Web页面上显示。
```
javascript
console.log(strTime);
```

完整示例代码

javascript
function formatAMPM(date) {
    var hours = date.getHours();
    var minutes = date.getMinutes();
    var seconds = date.getSeconds();
    var ampm = hours >= 12 ? 'PM' : 'AM';
    hours = hours % 12;
    hours = hours ? hours : 12; // the hour '0' should be '12'
    minutes = minutes < 10 ? '0' + minutes : minutes;
    seconds = seconds < 10 ? '0' + seconds : seconds;
    var strTime = hours + ':' + minutes + ':' + seconds + ' ' + ampm;
    return strTime;
}

var now = new Date();
console.log(formatAMPM(now));

这段代码定义了一个 formatAMPM 函数，它接受一个Date对象，返回一个格式化为12小时制AM/PM的时间字符串。您可以用任何有效的日期替换 now，函数都会正确返回格式化的时间。

2024年6月29日 12:07 回复

1个答案

完整示例代码

你的答案