极客笔记如何以12小时AM/PM格式显示JavaScript日期时间
在进行高效的时间分析时，以12小时AM/PM格式显示日期时间是最实用的方式。此外，该方法明确区分了上午和下午。例如，“am/pm”都指定了一个特定的时间段，并且易于理解时间，而这在24小时制中并不成立。
本文将解释如何以12小时AM/PM格式显示JavaScript日期时间。
以12小时AM/PM格式显示JavaScript日期时间
让我们逐个进行了解，以更深入地了解如何以12小时AM/PM格式显示JavaScript日期时间。我们可以从当前日期时间中提取小时和分钟。如果小时的值大于12，那么它将是PM，否则是AM。
使用toLocaleString()方法
toLocaleString() 方法返回一个表示日期的字符串，该字符串与正在使用的语言相符。您计算机上的区域设置决定了默认语言。
语法
下面是 toLocaleString() 的语法：
Date.toLocaleString(locales, options)
示例
在下面的示例中，我们创建了一个新的日期对象，并使用美国语言格式应用 toLocaleString() 方法，时间的值被赋值为其参数。我们使用了hour12来表示时间应以12小时制显示。
<!DOCTYPE html>
<html>
<body>
<script>
var time = new Date();
document.write(time.toLocaleString('en-US', {
hour: 'numeric',
minute: 'numeric',
hour12: true
}));
</script>
</body>
</html>
当脚本被执行时，它会生成一个输出，其中包含由脚本执行触发的事件产生的以12小时制am/pm显示的时间。
示例
考虑以下示例，我们在此创建一个新的日期对象并应用 toLocaleString() ，并在网页上以12小时制(am/pm)和完整日期的格式输出。
<!DOCTYPE html>
<html>
<body>
<button onclick="displaydatetime()">Click</button>
<p id="tutorial"></p>
<script>
function displaydatetime() {
var x = new Date();
var y = x.toLocaleString([], {
hour12: true
});
document.getElementById("tutorial").innerHTML = y;
}
</script>
</body>
</html>
运行上述脚本后，输出窗口将弹出，显示网页上的点击按钮。当用户点击按钮时，事件被触发，网页上将显示12小时制的am/pm格式的日期时间。
示例
执行以下操作以获取JavaScript的12小时制am/pm格式的日期时间。
<!DOCTYPE html>
<html>
<body>
<p id="tutorial"></p>
<script>
const date = new Date();
document.getElementById("tutorial").innerHTML = date.toLocaleString();
</script>
</body>
</html>
当您运行以上脚本时，将出现一个输出窗口，触发事件并在网页上以12小时的am/pm格式显示日期时间。
使用内联函数
可以通过将条件运算符应用于日期时间的am/pm格式来实现此目标。
示例
让我们看下面的示例，我们在这里创建了一个名为 dateTimeformat() 的内联函数，并创建了一个变量x，并根据小时的值为其赋值为am或pm。我们使用%运算符将小时转换为12小时制的格式。
<!DOCTYPE html>
<html>
<body>
<script>
const dateTimeformat = (date) => {
let hours = date.getHours();
let minutes = date.getMinutes();
let x = hours >= 12 ? 'pm' : 'am';
hours = hours % 12;
hours = hours ? hours : 12;
minutes = minutes.toString().padStart(2, '0');
let mergeTime = hours + ':' + minutes + ' ' + x;
return mergeTime;
}
document.write(dateTimeformat(new Date()));
</script>
</body>
</html>
当脚本被执行时，事件被触发，并在网页上以12小时am/pm格式显示时间。