📌  相关文章
📜  如何以 12 小时 AMPM 格式显示 JavaScript 日期时间?(1)

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

如何以 12 小时 AMPM 格式显示 JavaScript 日期时间?

如果您需要将 JavaScript 日期时间以 12 小时 AMPM 格式显示,可以使用以下代码:

const date = new Date();
const hours = date.getHours();
const minutes = date.getMinutes();
const ampm = hours >= 12 ? 'PM' : 'AM';
const formattedHours = hours % 12 || 12;
const formattedMinutes = minutes < 10 ? '0' + minutes : minutes;
const formattedTime = formattedHours + ':' + formattedMinutes + ' ' + ampm;
console.log(formattedTime);

代码解释:

  1. 首先,我们创建了一个 Date 对象,该对象将包含当前日期和时间。
  2. 然后,我们使用 getHours()getMinutes() 方法获取当前小时数和分钟数。
  3. 接下来,我们创建了一个变量 ampm,如果当前小时数大于等于 12 则为 'PM',否则为 'AM'
  4. 然后,我们将小时数转换为 12 小时制格式,并将其存储在变量 formattedHours 中。
  5. 我们还在分钟数前面添加了一个零,以便在分钟数小于 10 时使用。
  6. 最后,我们将格式化后的小时数、分钟数和 AMPM 小写字母组合在一起,并将其存储在变量 formattedTime 中,然后将其打印在控制台上。

标记代码片段:

```javascript
const date = new Date();
const hours = date.getHours();
const minutes = date.getMinutes();
const ampm = hours >= 12 ? 'PM' : 'AM';
const formattedHours = hours % 12 || 12;
const formattedMinutes = minutes < 10 ? '0' + minutes : minutes;
const formattedTime = formattedHours + ':' + formattedMinutes + ' ' + ampm;
console.log(formattedTime);