[英]convert 12-hour hh:mm AM/PM to 24-hour hh:mm depending on toLocaleTimeString()
[英]Javascript: convert 24-hour time-of-day string to 12-hour time with AM/PM and no timezone
服务器正在发送以下格式的字符串: 18:00:00
。 这是一个独立于任何日期的时间值。 如何将它转换为 Javascript 中的6:00PM
? 我可以将今天的日期作为字符串添加到服务器发送的值之前,然后解析组合值,然后尝试使用日期 object 的.toTimeString()
方法,但是时间方法发出的格式是 24 小时制,带秒块。 我可以写一个 function,但是有内置的东西吗?
没有内置任何东西,我的解决方案如下:
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.join (''); // return adjusted time or original string
}
tConvert ('18:00:00');
此函数使用正则表达式来验证时间字符串并将其拆分为其组成部分。 另请注意,时间中的秒数可以选择省略。 如果显示有效时间,则通过添加 AM/PM 指示和调整小时来调整时间。
如果提供了有效时间,则返回值是调整后的时间或原始字符串。
工作示例
(function() { 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.join(''); // return adjusted time or original string } var tel = document.getElementById('tests'); tel.innerHTML = tel.innerHTML.split(/\r*\n|\n\r*|\r/).map(function(v) { return v ? v + ' => "' + tConvert(v.trim()) + '"' : v; }).join('\n'); })();
<h3>tConvert tests : </h3> <pre id="tests"> 18:00:00 18:00 00:00 11:59:01 12:00:00 13:01:57 24:00 sdfsdf 12:61:54 </pre>
toLocaleTimeString() 使这变得非常简单。 没有必要再自己做这件事了。 如果你不尝试用字符串方法攻击日期,你会更快乐,活得更久。 (他们会反击。)
const timeString = '18:00:00' // Prepend any date. Use your birthday. const timeString12hr = new Date('1970-01-01T' + timeString + 'Z') .toLocaleTimeString('en-US', {timeZone:'UTC',hour12:true,hour:'numeric',minute:'numeric'} ); document.getElementById('myTime').innerText = timeString12hr
<h1 id='myTime'></h1>
要获得 AM/PM,请检查小时部分是否小于 12,则为 AM,否则为 PM。
要获取小时,请执行(hour % 12) || 12
(hour % 12) || 12
.
这应该这样做:
var timeString = "18:00:00";
var H = +timeString.substr(0, 2);
var h = H % 12 || 12;
var ampm = (H < 12 || H === 24) ? "AM" : "PM";
timeString = h + timeString.substr(2, 3) + ampm;
这假设 AM 时间被格式化为例如08:00:00
。 如果它们的格式没有前导零,则必须测试第一个冒号的位置:
var hourEnd = timeString.indexOf(":");
var H = +timeString.substr(0, hourEnd);
var h = H % 12 || 12;
var ampm = (H < 12 || H === 24) ? "AM" : "PM";
timeString = h + timeString.substr(hourEnd, 3) + ampm;
基于gilly3的回答。
如果你想转换:
08:00 to 08:00 AM
16:00 to 04:00 PM
然后这将起作用:
function tConv24(time24) {
var ts = time24;
var H = +ts.substr(0, 2);
var h = (H % 12) || 12;
h = (h < 10)?("0"+h):h; // leading 0 at the left for 1 digit hours
var ampm = H < 12 ? " AM" : " PM";
ts = h + ts.substr(2, 3) + ampm;
return ts;
};
短 ES6 代码
const convertFrom24To12Format = (time24) => {
const [sHours, minutes] = time24.match(/([0-9]{1,2}):([0-9]{2})/).slice(1);
const period = +sHours < 12 ? 'AM' : 'PM';
const hours = +sHours % 12 || 12;
return `${hours}:${minutes} ${period}`;
}
const convertFrom12To24Format = (time12) => {
const [sHours, minutes, period] = time12.match(/([0-9]{1,2}):([0-9]{2}) (AM|PM)/).slice(1);
const PM = period === 'PM';
const hours = (+sHours % 12) + (PM ? 12 : 0);
return `${('0' + hours).slice(-2)}:${minutes}`;
}
使用momentjs会更好
只是从“下午 2 点”到“14 点”的小对话
const number = moment("02:00 PM", ["h:mm A"]).format("HH:mm");
cosole.log(number);
// "14.00" "14.00" 到 "2 PM"
const number = moment("14.00", ["HH.mm"]).format("hh:mm a");
cosole.log(number); // "02:00 pm"
在研究同样的问题时,我遇到了几个复杂、难以理解的解决方案,然后我恍然大悟:有一个非常简单的解决方案,它不依赖于难以阅读的正则表达式或其他复杂的代码。 除非我遗漏了一些明显的东西,否则这是一个非常简单、易于理解的解决方案:
function timeTo12HrFormat(time)
{ // Take a time in 24 hour format and format it in 12 hour format
var time_part_array = time.split(":");
var ampm = 'AM';
if (time_part_array[0] >= 12) {
ampm = 'PM';
}
if (time_part_array[0] > 12) {
time_part_array[0] = time_part_array[0] - 12;
}
formatted_time = time_part_array[0] + ':' + time_part_array[1] + ':' + time_part_array[2] + ' ' + ampm;
return formatted_time;
}
var time = timeTo12HrFormat(18:00:00);
console.log(time); // 6:00:00 PM
一个简单的代码将是
time = time.split(':');// here the time is like "16:14"
let meridiemTime = time[0] >= 12 && (time[0]-12 || 12) + ':' + time[1] + ' PM' || (Number(time[0]) || 12) + ':' + time[1] + ' AM';
您可以根据自己的时间格式进行调整
通过使用 Moment 库,我们可以将 24 小时时间格式转换为 12 小时格式。
moment('20:00', 'hh:mm').format('hh:mm')
//// 输出:08:00
如果你想转换成 AM 和 PM
moment('20:00', 'hh:mm a').format('hh:mm a')
//// 输出:08:00 pm
这是我使用 if 语句的方式。
const converTime = (time) => { let hour = (time.split(':'))[0] let min = (time.split(':'))[1] let part = hour > 12 ? 'pm' : 'am'; min = (min+'').length == 1 ? `0${min}` : min; hour = hour > 12 ? hour - 12 : hour; hour = (hour+'').length == 1 ? `0${hour}` : hour; return (`${hour}:${min} ${part}`) } console.log(converTime('18:00:00')) console.log(converTime('6:5:00'))
function timeConversion(s) {
if (s.trim().endsWith("PM")) {
return s
.replace(/\d{2}/, (_) => {
return Number(_) === 12 ? 12 : Number(_) + 12;
})
.replace("PM", "");
} else {
if (s.trim().startsWith("12")) {
return s.replace("12", "00").replace("AM", "");
} else {
return s.replace("AM", "");
}
}
}
假设您将以正确的格式获取日期字符串,我有一个解决方案。
function parseDateTime(dt) {
var date = false;
if (dt) {
var c_date = new Date(dt);
var hrs = c_date.getHours();
var min = c_date.getMinutes();
if (isNaN(hrs) || isNaN(min) || c_date === "Invalid Date") {
return null;
}
var type = (hrs <= 12) ? " AM" : " PM";
date = ((+hrs % 12) || hrs) + ":" + min + type;
}
return date;
}
parseDateTime("2016-11-21 12:39:08");//"12:39 AM"
parseDateTime("2017-11-21 23:39:08");//"11:39 PM"
确保您的时间采用这种格式 HH:MM:SS(PM/AM)
function timeConversion(s) {
s = s.split(':');
var time = s[2];
if(time.charAt(2) === 'A' && parseInt(s[0]) == 12) s[0] = '00';
if(time.charAt(2) === 'P' && parseInt(s[0]) <12) s[0] = parseInt(s[0])+12;
if(s[0] >=24) s[0]-=24;
var x = time.split('').slice(0,2);
s[2] = x.join('');
console.log(s.join(':'));
}
以下是一些可行的变体。
const oneLiner = (hour = "00", min = "00", sec = "00") => `${(hour % 12) || 12}:${("0" + min).slice(-2)}:${sec} ${(hour < 12) ? 'am' : 'pm'}` console.log('oneliner', oneLiner(..."13:05:12".split(":"))) const oneLinerWithObjectInput = ({hour = "00", min = "00", sec = "00"} = {}) => `${(hour % 12) || 12}:${("0" + min).slice(-2)}:${sec} ${(hour < 12) ? 'am' : 'pm'}` console.log('onelinerWithObjectInput', oneLinerWithObjectInput({ hour: "13:05:12".split(":")[0], min: "13:05:12".split(":")[1], sec: "13:05:12".split(":")[2] })) const multiLineWithObjectInput = ({hour = "00", min = "00", sec = "00"} = {}) => { const newHour = (hour % 12) || 12 , newMin = ("0" + min).slice(-2) , ampm = (hour < 12) ? 'am' : 'pm' return `${newHour}:${newMin}:${sec} ${ampm}` } console.log('multiLineWithObjectInput', multiLineWithObjectInput({ hour: "13:05:12".split(":")[0], min: "13:05:12".split(":")[1], sec: "13:05:12".split(":")[2] }))
如果您使用的是 ES6,这可能有助于格式化。
下面的代码片段将忽略秒。 如果要考虑秒数,可以将其添加为第一个参数。
const formatFrom24Hrsto12Hrs = (time, ignoreZero = true) => {
let [hours, minutes] = time.split(':')
let modifier = +hours < 12 ? 'am' : 'pm'
hours = +hours % 12 || 12
minutes = ignoreZero && +minutes === 0 ? '' : `:${minutes}`
return hours + minutes + modifier
}
感谢@HBP 在这里铺平道路!
我发现这为解决方案增加了一点灵活性。
RegEx 已更新以适应中午之前的时间。
此解决方案允许您将任何字符串传递给它。 只要有效时间(格式为 18:00 || 18:00:00 || 3:00 || 3:00:00)在该字符串中的某个位置,您就可以开始了。
注意:您可以只使用militaryToTweleveHourConverter
或从parseTime
变量中取出胆量。 但是,我正在使用date-fns
格式化数据库中的日期,然后将该格式化的日期传递给转换器。
完全有效。 希望这可以帮助。
import dateFns from 'date-fns';
//* +---------------------------+
//* Format ex. Sat 1/1/18 1:00pm
//* +---------------------------+
const formatMonthDayYearTime = date =>
militaryToTweleveHourConverter(
dateFns.format(new Date(date), 'ddd M/DD/YY H:mm')
);
//* +-------------------------------+
//* Convert MILITARY TIME to 12 hour
//* +-------------------------------+
const militaryToTweleveHourConverter = time => {
const getTime = time.split(' ');
const parseTime = getTime.map(res => {
// Check for correct time format and split into components or return non-time units unaltered
let timeUnit = res
.toString()
.match(/^([\d]|[0-1]\d|2[0-3])(:)([0-5]\d)(:[0-5]\d)?$/) || [res];
console.log('timeUnit', timeUnit);
// If the time format is matched, it will break the components into an array
// ie. ["19:00", "19", ":", "00", undefined]
if (timeUnit.length > 1) {
// Remove full string match value
timeUnit = timeUnit.slice(1);
// Set am/pm and assign it to the last index in the array
timeUnit[5] = timeUnit[0] < 12 ? 'am' : 'pm';
// Adjust hours by subtracting 12 from anything greater than 12 and replace the value in the hours index
timeUnit[0] = timeUnit[0] % 12 || 12;
}
// return adjusted time or original string
return timeUnit.join('');
});
// Re-assemble the array pieces into a string
return parseTime.join(' ');
};
console.log(formatMonthDayYearTime('Sat 9/17/18 18:30'));
// console log returns the following
// Mon 9/17/18 6:30pm
console.log(militaryToTweleveHourConverter('18:30'));
// console log returns the following
// 6:30pm
console.log(militaryToTweleveHourConverter('18:30:09'));
// console log returns the following
// 6:30:09pm
console.log(militaryToTweleveHourConverter('8:30:09'));
// console log returns the following
// 8:30:09am
function timeformat(date1) {
var date=new Date(date1);
var month = date.toLocaleString('en-us', { month: 'long' });
var mdate =date.getDate();
var year =date.getFullYear();
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 = mdate+"-"+month+"-"+year+" "+hours + ':' + minutes + ' ' + ampm;
return strTime;
}
var ampm=timeformat("2019-01-11 12:26:43");
console.log(ampm);
这里使用日期将时间转换为上午或下午的功能,它可能对某人有所帮助。
function Time_Function() {
var date = new Date()
var time =""
var x= "AM"
if(date.getHours() >12){
x= "PM"
}
time= date.getHours()%12 + x +":"+ date.getMinutes() +":"+ date.getSeconds()
}
function timeConversion(s) {
let hour = parseInt(s.substring(0,2));
hour = s.indexOf('AM') > - 1 && hour === 12 ? '00' : hour;
hour = s.indexOf('PM') > - 1 && hour !== 12 ? hour + 12 : hour;
hour = hour < 10 && hour > 0 ? '0'+hour : hour;
return hour + s.substring(2,8);
}
我现在正在使用 Temporal Polyfill: https ://github.com/js-temporal/temporal-polyfill#readme
这很简单:
import { Temporal } from '@js-temporal/polyfill';
myDate = "2022-04-09T14:23:27.357Z"
Temporal.Instant.from(myDate).toLocaleString('en-US', { hour: 'numeric', minute: 'numeric' });
=> 5:23 PM // its also converting it to my browser's time zone
如果您将“en-US”更改为“de-DE”,您将获得 24h
如果您需要在输出处获得没有秒数的时间
const convertTime24to12 = (time24h) => {
let time = time24h
.toString()
.match(/^([01]\d|2[0-3])(:)([0-5]\d)(:[0-5]\d)?$/) || [time24h];
if (time.length > 1) {
time = time.slice(1, -1);
time[5] = +time[0] < 12 ? ' am' : ' pm';
time[0] = +time[0] % 12 || 12;
}
return time.join('');
};
15:40:00
console.log(convertTime24to12("13:40:00"));
03:40
let hour = '12:01:00:pm'.split(':'); function getTime2(hr){ hr[0] = +hr[0];//hr hr[1] = +hr[1]; //min hr[2] = +hr[2];//sec //hr[3] am/pm if(hr[1] < 10){ hr[1] = `0${hr[1]}`; } if(hr[2] < 10){ hr[2] = `0${hr[2]}`; } let time = ''; //hr:min:sec:am/pm if(hr[0] === 12 && hr[3] === "am"){ time += `00:${hr[1]}:${hr[2]}` } else if(hr[0] ===12 && hr[3] === "pm"){ time += `${hr[0]}:${hr[1]}:${hr[2]}` } else if(hr[0] < 12 && hr[3] === "am"){ time += `${hr[0]}:${hr[1]}:${hr[2]}` } else if(hr[0] < 12 && hr[3] === "pm"){ time += `${12+hr[0]}:${hr[1]}:${hr[2]}` } return time; } console.log(getTime2(hour));
我把它编码成一个短而甜美的箭头 function
c=t=>([h,...r]=t.split(":"),(h=="12"?"12":h%12)+":"+r.join(":")+(h<12?" AM":" PM"))
这是一个具有更多可读性和显式变量定义的版本。
const convertTime24_12=t=>{
let [h,...rest]=t.split(":");
return (h=="12"?"12":h%12)+":"+rest.join(":")+(h<12?" AM":" PM"));
}
用法示例
console.log(convertTime24_12("15:03:05"));
//"3:03:05 PM"
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.