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

JavaScript默认使用24小时格式来表示日期时间。然而，可以通过几种方法将JavaScript中的日期时间以12小时AM/PM格式显示。下面将讨论两种方法：

使用本地方法
使用toLocaleString()方法

方法1：使用本地方法

在这个方法中，我们只使用本地方法来更改日期时间格式。简单来说，我们将应用模运算符“%”来找到12小时格式的小时，并使用条件运算符“?:”来应用“AM”或“PM”。

示例：

function changeTimeFormat() {
    let date = new Date();
 
    let hours = date.getHours();
    let minutes = date.getMinutes();
 
    // Check whether AM or PM
    let newformat = hours >= 12 ? 'PM' : 'AM';
 
    // Find current hour in AM-PM Format
    hours = hours % 12;
 
    // To display "0" as "12"
    hours = hours ? hours : 12;
    minutes = minutes < 10 ? '0' + minutes : minutes;
 
    console.log(hours + ':' + minutes + ' ' + newformat);
}
 
changeTimeFormat();

输出

2:02 AM

方法2：使用 toLocaleString() 方法

在这种方法中，我们将利用内置方法 toLocaleString() 将给定日期的格式更改为上午-下午格式。

toLocaleString() 方法 返回日期对象的字符串表示形式。两个参数 Locale 和 options 可以自定义方法的行为。

语法：

dateObject.toLocaleString([locales[, options]])

示例：

function changeTimeFormat() {
    let date = new Date();
    let n = date.toLocaleString([], {
        hour: '2-digit',
        minute: '2-digit'
    });
 
    console.log(n);
}
 
changeTimeFormat();

输出