[英]Converting 24 hour time to 12 hour time w/ AM & PM using Javascript
将以下 JSON 返回值从 24 小时格式转换为 12 小时格式(带 AM 和 PM)的最佳方法是什么? 日期应该保持不变——时间是唯一需要格式化的东西。
February 04, 2011 19:00:00
PS 使用 jQuery 如果这使它更容易! 也更喜欢简单的函数/代码而不是使用 Date.js。
这是您可以在没有 if 语句的情况下更改时间的方法:
hours = ((hours + 11) % 12 + 1);
更新 2:没有秒选项
更新:中午更正后上午,测试: http : //jsfiddle.net/aorcsik/xbtjE/
我创建了这个函数来做到这一点:
function formatDate(date) { var d = new Date(date); var hh = d.getHours(); var m = d.getMinutes(); var s = d.getSeconds(); var dd = "AM"; var h = hh; if (h >= 12) { h = hh - 12; dd = "PM"; } if (h == 0) { h = 12; } m = m < 10 ? "0" + m : m; s = s < 10 ? "0" + s : s; /* if you want 2 digit hours: h = h<10?"0"+h:h; */ var pattern = new RegExp("0?" + hh + ":" + m + ":" + s); var replacement = h + ":" + m; /* if you want to add seconds replacement += ":"+s; */ replacement += " " + dd; return date.replace(pattern, replacement); } alert(formatDate("February 04, 2011 12:00:00"));
//it is pm if hours from 12 onwards
suffix = (hours >= 12)? 'pm' : 'am';
//only -12 from hours if it is greater than 12 (if not back at mid night)
hours = (hours > 12)? hours -12 : hours;
//if 00 then it is 12 am
hours = (hours == '00')? 12 : hours;
对于只想要输出中的时间的任何人,您可以将选项传递给 JavaScript 的 Date::toLocaleString() 方法。 示例:
var date = new Date("February 04, 2011 19:00:00"); var options = { hour: 'numeric', minute: 'numeric', hour12: true }; var timeString = date.toLocaleString('en-US', options); console.log(timeString);
timeString 将设置为:
上午 8:00
如果您也需要秒,请将“second: 'numeric'”添加到您的选项中。 对于所有选项,请参阅此。
这是使用 Prototype 的一种相当简洁的方法:
Date.prototype.getFormattedTime = function () { var hours = this.getHours() == 0 ? "12" : this.getHours() > 12 ? this.getHours() - 12 : this.getHours(); var minutes = (this.getMinutes() < 10 ? "0" : "") + this.getMinutes(); var ampm = this.getHours() < 12 ? "AM" : "PM"; var formattedTime = hours + ":" + minutes + " " + ampm; return formattedTime; }
然后您所要做的就是将您的字符串值转换为日期并使用新方法:
var stringValue = "February 04, 2011 19:00:00; var dateValue = new Date(stringValue); var formattedTime = dateValue.getFormattedTime();
或者在一行中:
var formattedTime = new Date("February 04, 2011 19:00:00").getFormattedTime();
保持简单和干净
var d = new Date();
var n = d.toLocaleString();
function pad(num) {return ("0" + num).slice(-2);} function time1() { var today = new Date(), h = today.getHours(), m = today.getMinutes(), s = today.getSeconds(); h = h % 12; h = h ? h : 12; // the hour '0' should be '12' clk.innerHTML = h + ':' + pad(m) + ':' + pad(s) + ' ' + (h >= 12 ? 'PM' : 'AM'); } window.onload = function() { var clk = document.getElementById('clk'); t = setInterval(time1, 500); }
<span id="clk"></span>
jQuery 根本没有任何 Date 实用程序。 如果您不使用任何其他库,通常的方法是创建一个 JavaScript Date
对象,然后从中提取数据并自行格式化。
要创建Date
对象,您可以确保 JSON 中的日期字符串采用Date
理解的形式,这是 IETF 标准(基本上是RFC 822 第 5 节)。 因此,如果您有机会更改 JSON,那将是最简单的。 (编辑:您的格式实际上可能按原样工作。)
如果你不能改变你的 JSON,那么你需要自己解析字符串并获取日、口、年、小时、分钟和秒作为整数,并用它创建Date
对象。
拥有Date
对象后,您需要提取所需的数据并对其进行格式化:
var myDate = new Date("4 Feb 2011, 19:00:00");
var hours = myDate.getHours();
var am = true;
if (hours > 12) {
am = false;
hours -= 12;
} else (hours == 12) {
am = false;
} else (hours == 0) {
hours = 12;
}
var minutes = myDate.getMinutes();
alert("It is " + hours + " " + (am ? "a.m." : "p.m.") + " and " + minutes + " minutes".);
1) 使 24 小时制的“平方”说明变成了 12 小时制:
var hours24 = new Date().getHours(); // retrieve current hours (in 24 mode)
var dayMode = hours24 < 12 ? "am" : "pm"; // if it's less than 12 then "am"
var hours12 = hours24 <= 12 ? (hours24 == 0 ? 12 : hours24) : hours24 - 12;
// "0" in 24-mode now becames "12 am" in 12-mode – thanks to user @Cristian
document.write(hours12 + " " + dayMode); // printing out the result of code
2)在一行中(结果相同,算法略有不同):
var str12 = (h24 = new Date().getHours()) && (h24 - ((h24 == 0)? -12 : (h24 <= 12)? 0 : 12)) + (h24 < 12 ? " am" : " pm");
这两个选项都返回字符串,如"5 pm"
或"10 am"
等。
var dt = new Date();
var h = dt.getHours(), m = dt.getMinutes();
var thistime = (h > 12) ? (h-12 + ':' + m +' PM') : (h + ':' + m +' AM');
console.log(thistime);
这是演示
你可以看看这个。 其中一个例子说:
var d = new Date(dateString);
一旦你有了 Date 对象,你就可以很容易地使用它。 您可以调用 toLocaleDateString、toLocaleTimeString,也可以测试 getHours 是否大于 12,然后计算 AM/PM 时间。
date = date.replace(/[0-9]{1,2}(:[0-9]{2}){2}/, function (time) {
var hms = time.split(':'),
h = +hms[0],
suffix = (h < 12) ? 'am' : 'pm';
hms[0] = h % 12 || 12;
return hms.join(':') + suffix
});
编辑:我忘了处理上午/下午 12 点。 固定。
function GetTime(date) {
var currentTime = (new Date(date))
var hours = currentTime.getHours()
//Note: before converting into 12 hour format
var suffix = '';
if (hours > 11) {
suffix += "PM";
} else {
suffix += "AM";
}
var minutes = currentTime.getMinutes()
if (minutes < 10) {
minutes = "0" + minutes
}
if (hours > 12) {
hours -= 12;
} else if (hours === 0) {
hours = 12;
}
var time = hours + ":" + minutes + " " + suffix;
return time;
}
请尝试使用以下代码
var s = "15 Feb 2015 11.30 a.m";
var times = s.match("((([0-9])|([0-2][0-9])).([0-9][0-9])[\t ]?((a.m|p.m)|(A.M|P.M)))");
var time = "";
if(times != null){
var hour = times[2];
if((times[6] == "p.m" || times[6] == "P.M")){
if(hour < 12){
hour = parseInt(hour) + parseInt(12);
}else if(hour == 12){
hour = "00";
}
}
time = [hour, times[5], "00"].join(":");
}
谢谢
这对我有用!
function main() {
var time = readLine();
var formattedTime = time.replace('AM', ' AM').replace('PM', ' PM');
var separators = [':', ' M'];
var hms = formattedTime.split(new RegExp('[' + separators.join('') + ']'));
if (parseInt(hms[0]) < 12 && hms[3] == 'P')
hms[0] = parseInt(hms[0]) + 12;
else if (parseInt(hms[0]) == 12 && hms[3] == 'A')
hms[0] = '00';
console.log(hms[0] + ':' + hms[1] + ':' + hms[2]);
}
我是一个相对的新手,但这是我为我自己的一个项目提出的想法,它似乎有效。 可能有更简单的方法来做到这一点。
function getTime() {
var nowTimeDate = new Date();
var nowHour = nowTimeDate.getHours();
var nowMinutes = nowTimeDate.getMinutes();
var suffix = nowHour >= 12 ? "pm" : "am";
nowHour = (suffix == "pm" & (nowHour > 12 & nowHour < 24)) ? (nowHour - 12) : nowHour;
nowHour = nowHour == 0 ? 12 : nowHour;
nowMinutes = nowMinutes < 10 ? "0" + nowMinutes : nowMinutes;
var currentTime = nowHour + ":" + nowMinutes + suffix;
document.getElementById("currentTime").innerHTML = currentTime;
}
这是您的 html 代码,您在其中调用函数将 24 小时时间格式转换为上午/下午的 12 小时
<pre id="tests" onClick="tConvert('18:00:00')"> test on click 18:00:00 </pre> <span id="rzlt"></span>
现在在 js 代码中按原样编写此 tConvert 函数
function tConvert (time) { // Check correct time format and split into components time = time.toString ().match (/^([01]\\d|2[0-3])(:)([0-5]\\d)(:[0-5]\\d)?$/) || [time]; if (time.length > 1) { // If time format correct time = time.slice (1); // Remove full string match value time[5] = +time[0] < 12 ? 'AM' : 'PM'; // Set AM/PM time[0] = +time[0] % 12 || 12; // Adjust hours } //return time; // return adjusted time or original string var tel = document.getElementById ('rzlt'); tel.innerHTML= time.join (''); }
将 18:00:00 转换为 6:00:00PM 为我工作
此函数将双向转换: 12 到 24 小时或24 到 12 小时
function toggle24hr(time, onoff){
if(onoff==undefined) onoff = isNaN(time.replace(':',''))//auto-detect format
var pm = time.toString().toLowerCase().indexOf('pm')>-1 //check if 'pm' exists in the time string
time = time.toString().toLowerCase().replace(/[ap]m/,'').split(':') //convert time to an array of numbers
time[0] = Number(time[0])
if(onoff){//convert to 24 hour:
if((pm && time[0]!=12)) time[0] += 12
else if(!pm && time[0]==12) time[0] = '00' //handle midnight
if(String(time[0]).length==1) time[0] = '0'+time[0] //add leading zeros if needed
}else{ //convert to 12 hour:
pm = time[0]>=12
if(!time[0]) time[0]=12 //handle midnight
else if(pm && time[0]!=12) time[0] -= 12
}
return onoff ? time.join(':') : time.join(':')+(pm ? 'pm' : 'am')
}
下面是一些例子:
//convert to 24 hour:
toggle24hr('12:00am') //returns 00:00
toggle24hr('2:00pm') //returns 14:00
toggle24hr('8:00am') //returns 08:00
toggle24hr('12:00pm') //returns 12:00
//convert to 12 hour:
toggle24hr('14:00') //returns 2:00pm
toggle24hr('08:00') //returns 8:00am
toggle24hr('12:00') //returns 12:00pm
toggle24hr('00:00') //returns 12:00am
//you can also force a specific format like this:
toggle24hr('14:00',1) //returns 14:00
toggle24hr('14:00',0) //returns 2:00pm
无论如何,您最终都会进行大量的字符串操作,那么为什么不直接操作日期字符串呢?
浏览器以不同的方式格式化日期字符串。
Netscape ::: 2012 年 5 月 11 日星期五 20:15:49 GMT-0600(山地夏令时)
IE ::: 2012 年 5 月 11 日星期五 20:17:33 MDT
所以你必须检查一下。
var D = new Date().toString().split(' ')[(document.all)?3:4];
这将使 D 等于 24 小时 HH:MM:SS 字符串。 在冒号上拆分,第一个元素将是小时。
var H = new Date().toString().split(' ')[(document.all)?3:4].split(':')[0];
您可以将 24 小时制转换为 12 小时制,但这实际上并未在此处提及。 可能是因为当您从时钟转换小时数时,您实际上在数学上所做的事情相当疯狂。 事实上,你正在做的是添加 23,将其修改为 12,然后添加 1
twelveHour = ((twentyfourHour+23)%12)+1;
因此,例如,您可以从日期字符串中获取整个时间,修改小时数,然后用新的小时数显示所有内容。
var T = new Date().toString().split(' ')[(document.all)?3:4].split(':');
T[0] = (((T[0])+23)%12)+1;
alert(T.join(':'));
使用一些智能正则表达式,您可能可以从日期字符串的 HH:MM:SS 部分中删除小时数,并将它们全部修改在同一行中。 这将是一个荒谬的行,因为如果不将函数放入替换中,就无法在计算中使用反向引用 $1。
下面是它的样子:
var T = new Date().toString().split(' ')[(document.all)?3:4].replace(/(^\d\d)/,function(){return ((parseInt(RegExp.$1)+23)%12)+1} );
正如我所说,这很荒谬。 如果您使用的是可以对反向引用执行计算的库,则该行将变为:
var T = new Date().toString().split(' ')[(document.all)?3:4].replace(/(^\d\d)/, (($1+23)%12)+1);
如果您记录得很好,那么作为可用代码实际上并不是不可能的。 那行说:
制作一个日期字符串,在空格上分解它,获取浏览器相关部分,然后用修改后的数字替换前两位数字。
故事的重点是,将 24 小时制转换为 12 小时制的方法是一个不明显的数学计算:
您添加 23,再乘以 12,然后再添加一个。
这是一个对我有用的不错的小功能。
function getDisplayDatetime() {
var d = new Date(); var hh = d.getHours(); var mm = d.getMinutes(); var dd = "AM"; var h = hh;
if (mm.toString().length == 1) {
mm = "0" + mm;
}
if (h >= 12) {
h = hh - 12;
dd = "PM";
}
if (h == 0) {
h = 12;
}
var Datetime = "Datetime: " + d.getFullYear() + "/" + (d.getMonth() + 1) + "/" + d.getUTCDate() + " " + h + ":" + mm;
return Datetime + " " + dd;
}
我注意到已经有一个答案,但我想分享我自己的解决方案,使用纯 JavaScript:
function curTime(pm) {
var dt = new Date();
var hr = dt.getHours(), min = dt.getMinutes(), sec = dt.getSeconds();
var time = (pm ? ((hr+11)%12+1) : (hr<10?'0':'')+hr)+":"+(min<10?'0':'')+min+":"+(sec<10?'0':'')+sec+(pm ? (hr>12 ? " PM" : " AM") : "");
return time;
}
您可以使用以下代码块在https://jsfiddle.net/j2xk312m/3/看到它的实际效果:
(function() {
function curTime(pm) {
var dt = new Date();
var hr = dt.getHours(), min = dt.getMinutes(), sec = dt.getSeconds();
var time = (pm ? ((hr+11)%12+1) : (hr<10?'0':'')+hr)+":"+(min<10?'0':'')+min+":"+(sec<10?'0':'')+sec+(pm ? (hr>12 ? " PM" : " AM") : "");
return time;
}
alert("12-hour Format: "+curTime(true)+"\n24-hour Format: "+curTime(false));
})();
你可以试试这个更通用的函数:
function to12HourFormat(date = (new Date)) {
return {
hours: ((date.getHours() + 11) % 12 + 1),
minutes: date.getMinutes(),
meridian: (date.getHours() >= 12) ? 'PM' : 'AM',
};
}
返回灵活的对象格式。
通过这种方式,您可以更好地控制输出 - 即 - 如果您希望时间格式为“4:30 pm”而不是“ 04:30 PM” - 您可以转换为您决定需要的任何格式 - 并稍后更改也是。 而不是受限于一些不允许任何灵活性的旧方法。
并且您只需要转换前 2 位数字,因为分和秒数字在 24 小时制或 12 小时制中是相同的。
var my_time_conversion_arr = {'01':"01", '02':"02", '03':"03", '04':"04", '05':"05", '06':"06", '07':"07", '08':"08", '09':"09", '10':"10", '11':"11", '12': "12", '13': "1", '14': "2", '15': "3", '16': "4", '17': "5", '18': "6", '19': "7", '20': "8", '21': "9", '22': "10", '23': "11", '00':"12"};
var AM_or_PM = "";
var twenty_four_hour_time = "16:30";
var twenty_four_hour_time_arr = twenty_four_hour_time.split(":");
var twenty_four_hour_time_first_two_digits = twenty_four_hour_time_arr[0];
var first_two_twelve_hour_digits_converted = my_time_conversion_arr[twenty_four_hour_time_first_two_digits];
var time_strng_to_nmbr = parseInt(twenty_four_hour_time_first_two_digits);
if(time_strng_to_nmbr >12){
//alert("GREATER THAN 12");
AM_or_PM = "pm";
}else{
AM_or_PM = "am";
}
var twelve_hour_time_conversion = first_two_twelve_hour_digits_converted+":"+twenty_four_hour_time_arr[1]+" "+AM_or_PM;
给你
var myDate = new Date("February 04, 2011 19:00:00");
var hr = myDate.getHours();
var convHrs = "";
var ampmSwitch = "";
ampmSwitch = (hr > 12)? "PM":"AM";
convHrs = (hr >12)? hr-12:hr;
// Build back the Date / time using getMonth/ getFullYear and getDate and other functions on the myDate object. Enclose it inside a func and there you got the working 12 hrs converter ;)
这是 yas 的转换器 func ;) 编码愉快!!
function convertTo12Hrs(yourDateTime){
var myDate = new Date(yourDateTime);
var dtObject = new Object();
var monthsCollection = {0:"January", 1:"February",2:"March",3:"April",4:"May",5:"June",6:"July",7:"August",8:"September",9:"October",10:"November",11:"December"};
dtObject.year = myDate.getFullYear();
dtObject.month = monthsCollection[myDate.getMonth()];
dtObject.day = (myDate.getDate()<10)?"0"+myDate.getDate():myDate.getDate();
dtObject.minutes = (myDate.getMinutes() < 10)? "0"+myDate.getMinutes():myDate.getMinutes();
dtObject.seconds = (myDate.getSeconds() < 10)? "0"+myDate.getSeconds():myDate.getSeconds();
// Check if hours are greater than 12? Its PM
dtObject.ampmSwitch = (myDate.getHours() > 12)? "PM":"AM";
// Convert the hours
dtObject.hour = (myDate.getHours() > 12)?myDate.getHours()-12:myDate.getHours();
// Add the 0 as prefix if its less than 10
dtObject.hour = (dtObject.hour < 10)? "0"+dtObject.hour:dtObject.hour;
// Format back the string as it was or return the dtObject object or however you like. I am returning the object here
return dtObject;
}
调用它像 convertTo12Hrs("February 04, 2011 19:00:00"); 它会返回给你对象,反过来你可以用它来格式化你喜欢的日期时间字符串......
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.