[英]How to get current time in a format hh:mm AM/PM in Javascript?
我有一个 Javascript，我需要在其中以 HH:MM AM/PM 格式粘贴当前时间。 有一个问题 - 我需要把从现在起两小时后开始的时间，例如，而不是 7:23PM 我需要把 9:23PM 等等。
我试图做类似的事情： var dateFormat = new Date("hh:mm a")但它没有用。 我也尝试使用：
var today = new Date();
var time = today.toLocaleTimeString().replace(/([\d]+:[\d]{2})(:[\d]{2})(.*)/, "$1$3")
alert(time);
但我所看到的只是 18:23 而不是下午 6:23（可能是因为 toLocaleTimeString() 和我在欧洲的位置） - 也许有一些统一的方法可以做到这一点，这将适用于世界各地？。 另外，我不知道如何将 2 小时添加到最终结果中。 你能帮助我吗？ 谢谢！
您可以使用一个班轮将当前时间转换为 12 小时格式
new Date().toLocaleTimeString('en-US', { hour: 'numeric', hour12: true, minute: 'numeric' });
并为您的当前时间增加两个小时
Date.now() + 2 * 60 * 60 * 1000
所以你可以用简单的一行来完成：
new Date(Date.now() + 2 * 60 * 60 * 1000).toLocaleTimeString('en-US', { hour: 'numeric', hour12: true, minute: 'numeric' });
使用Date方法来设置和检索时间并构造一个时间字符串，类似于代码片段的内容。
[编辑] 只是为了好玩：添加了一个更通用的方法，使用 2 个Date.prototype扩展。
var now = new Date(); now.setHours(now.getHours()+2); var isPM = now.getHours() >= 12; var isMidday = now.getHours() == 12; var result = document.querySelector('#result'); var time = [now.getHours() - (isPM && !isMidday ? 12 : 0), now.getMinutes(), now.getSeconds() || '00'].join(':') + (isPM ? ' pm' : 'am'); result.innerHTML = 'the current time plus two hours = '+ time; // a more generic approach: extend Date Date.prototype.addTime = addTime; Date.prototype.showTime = showTime; result.innerHTML += '<h4>using Date.prototype extensions</h4>'; result.innerHTML += 'the current time plus twenty minutes = '+ new Date().addTime({minutes: 20}).showTime(); result.innerHTML += '<br>the current time plus one hour and twenty minutes = '+ new Date().addTime({hours: 1, minutes: 20}).showTime(); result.innerHTML += '<br>the current time <i>minus</i> two hours (format military) = '+ new Date().addTime({hours: -2}).showTime(true); result.innerHTML += '<br>the current time plus ten minutes (format military) = '+ new Date().addTime({minutes: 10}).showTime(true); function addTime(values) { for (var l in values) { var unit = l.substr(0,1).toUpperCase() + l.substr(1); this['set' + unit](this['get' + unit]() + values[l]); } return this; } function showTime(military) { var zeroPad = function () { return this < 10 ? '0' + this : this; }; if (military) { return [ zeroPad.call(this.getHours()), zeroPad.call(this.getMinutes()), zeroPad.call(this.getSeconds()) ].join(':'); } var isPM = this.getHours() >= 12; var isMidday = this.getHours() == 12; return time = [ zeroPad.call(this.getHours() - (isPM && !isMidday ? 12 : 0)), zeroPad.call(this.getMinutes()), zeroPad.call(this.getSeconds()) ].join(':') + (isPM ? ' pm' : ' am'); }
<div id="result"></div>
很简单，你可以这样做
const date = new Date()
const options = {
hour: 'numeric',
minute: 'numeric',
hour12: true
};
const time = new Intl.DateTimeFormat('en-US', options).format(date)
console.log(time)
有关更多详细信息，您可以参考MDN 文档。
请注意，接受的答案虽然很好，但似乎不符合以下格式要求：HH:MM AM/PM。 它返回午夜为“0:0:38am”等等。
有很多方法可以做到这一点，下面显示了一种替代方法。 单击“运行代码片段”进行测试。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Clock</title> </head> <body> <span id="clock" style="font-family: monospace; font-size: 48px; background-color: black; color: lime; padding: 10px;">00:00:00 AM</span> <script type="text/javascript"> function getTime( ) { var d = new Date( ); d.setHours( d.getHours() + 2 ); // offset from local time var h = (d.getHours() % 12) || 12; // show midnight & noon as 12 return ( ( h < 10 ? '0' : '') + h + ( d.getMinutes() < 10 ? ':0' : ':') + d.getMinutes() + // optional seconds display // ( d.getSeconds() < 10 ? ':0' : ':') + d.getSeconds() + ( d.getHours() < 12 ? ' AM' : ' PM' ) ); } var clock = document.getElementById('clock'); setInterval( function() { clock.innerHTML = getTime(); }, 1000 ); </script> </body> </html>
这应该工作。
var date = new Date(); var hour = date.getHours() - (date.getHours() >= 12 ? 12 : 0); var period = date.getHours() >= 12 ? 'PM' : 'AM'; alert( hour + 2 + ':' + date.getMinutes() + ' ' +period);
在JavaScript中以“ hh：mm：ss am / pm”格式验证时间
[英]Validate time in format as“ hh:mm:ss am/pm ” in javascript
结合日期（日-月-年）和时间（hh:mm am/pm）并将其转换为 unix 格式（javascript）
[英]Combine date (day-month-year) and time (hh:mm am/pm) and convert it to unix format (javascript)
如何以 HH:MM:SS 格式显示 JavaScript 中的当前时间？
[英]How to show current time in JavaScript in the format HH:MM:SS?
如何以 HH:MM AM/PM 格式将分钟添加到保存时间的字符串
[英]How to add minutes to a string which holds time In HH:MM AM/PM format
强制用户在 angular 中以 mm/dd/yyyy hh:mm:ss am/pm 格式输入日期时间
[英]force user to enter date time in mm/dd/yyyy hh:mm:ss am/pm format in angular
如何使用 React JS 中的时刻以 hh:mm:ss 格式获取当前时间
[英]How to get current time in hh:mm:ss format using moment in React JS
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.