首页 > web前端 > js教程 > 如何以 12 小时 AM/PM 格式显示 JavaScript 日期时间?

如何以 12 小时 AM/PM 格式显示 JavaScript 日期时间?

Mary-Kate Olsen
发布: 2024-12-31 19:32:16
原创
977 人浏览过

How to Display JavaScript Datetime in 12-Hour AM/PM Format?

以 12 小时 AM/PM 格式显示 JavaScript 日期时间

JavaScript 提供了各种操作日期和时间的方法。一项常见要求是以人类可读的格式显示日期时间对象,特别是 12 小时 AM/PM 格式。这种格式在许多国家和应用程序中都很流行。

解决方案:

要以 12 小时 AM/PM 格式显示 JavaScript 日期时间对象,我们可以使用以下代码:

function formatAMPM(date) {
  var hours = date.getHours();
  var minutes = date.getMinutes();
  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;
  var strTime = hours + ':' + minutes + ' ' + ampm;
  return strTime;
}
登录后复制

此函数将 JavaScript Date 对象作为输入并将其处理为如下:

  1. 提取小时和分钟。
  2. 根据小时判断是 AM 还是 PM。
  3. 将 24 小时制转换为 12 小时制时间取模 12。
  4. 处理小时为 0 的特殊情况,将其设置为12 表示 AM。
  5. 确保分钟始终以两位数格式显示。
  6. 将格式化的小时、分钟和 AM/PM 组合成一个字符串。

通过使用此函数,您可以轻松地将 JavaScript 日期时间对象转换为人类可读的 12 小时 AM/PM 字符串。

以上是如何以 12 小时 AM/PM 格式显示 JavaScript 日期时间?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板