How to convert time from 24 hour format to 12 hour format using javascript?

Question

The function returns the time in 24 hour format.

function fomartTimeShow(h) {
    return h < 10 ? "0" + h + ":00" : h + ":00";
}

returns the time in 24 hour format. I want the time to be converted in 12 hour format.
Anyhelp would be greatly appreciated.
Thanks.

So h is just an integer between 0 and 23? What have you tried? — Felix Kling
– Felix Kling, Commented Feb 29, 2012 at 10:56
If you do a lot of date/time parsing, it might be interesting to check out Datejs. — flitig
– flitig, Commented Feb 29, 2012 at 11:00

23k · Accepted Answer · 2017-08-07 19:55:09Z

14

Just use modulus 12:

function formatTimeShow(h_24) {
    var h = h_24 % 12;
    return (h < 10 ? '0' : '') + h + ':00';
}

Modulus (%) means divide and take remainder. For example 17 / 12 = 1 with remainder 5. So the result of 17 % 12 is 5. And hour 17 is hour 5 in 12-hour time.

But note that this function is not complete since it doesn't work for hour 0 (or hour 12). To fix it you have to add in another check for that:

function formatTimeShow(h_24) {
    var h = h_24 % 12;
    if (h === 0) h = 12;
    return (h < 10 ? '0' : '') + h + ':00';
}

Also note that you can add a meridian easily, by seeing whether the hour is less than 12 (am) or equal to/greater (pm):

function formatTimeShow(h_24) {
    var h = h_24 % 12;
    if (h === 0) h = 12;
    return (h < 10 ? '0' : '') + h + ':00' + (h_24 < 12 ? 'am' : 'pm');
}

Note: All of the above is assuming the parameter to this function is an integer between 0 and 23.

edited Aug 7, 2017 at 19:55

23k

1,4093 gold badges26 silver badges55 bronze badges

answered Feb 29, 2012 at 10:55

Ben Lee

53.5k15 gold badges129 silver badges146 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

K Griffiths · Accepted Answer · 2012-02-29 17:02:38Z

2

You could try something like the following:

function fomartTimeShow(h) { 
    var ampm = "am"
    if (h >= 12)
        ampm = "pm"
    h = h % 12;
    if (h == 0)
     h = 12;
    return h ":00" + ampm; 
}

edited Feb 29, 2012 at 17:02

answered Feb 29, 2012 at 11:01

K Griffiths

211 silver badge4 bronze badges

3 Comments

Ben Lee Over a year ago

This doesn't work right for midnight or noon. It will show "00:00am" and "00:00pm" for these. You should check for to see if the value is "0" and replace that with "12".

Toto Over a year ago

After h = h % 12;, h will never be >= 12.

K Griffiths Over a year ago

Thanks Ben Lee and M42, you're both correct. I've amended the code the reflect this.

Diode · Accepted Answer · 2012-02-29 12:25:31Z

1

function fomartTimeShow(h) {
    var s = (h % 24 < 12) ? "am" : "pm", h = h % 12 || 12;
    return (h < 10 ? "0" + h : h)  + ":00" + " " + s;
}

answered Feb 29, 2012 at 12:25

Diode

25.2k8 gold badges43 silver badges52 bronze badges

Comments

Ravi Agrawal · Accepted Answer · 2018-10-01 09:28:54Z

In case if you are getting time like this "16:26", "12:50", "05:23", etc. Then, you can easily convert them into 12 hour format like "4:26 PM", "12:50 PM", "05:23 AM", etc. with AM/PM through this function.

function convertTo12Hour(oldFormatTime) {
    console.log("oldFormatTime: " + oldFormatTime);
    var oldFormatTimeArray = oldFormatTime.split(":");

    var HH = parseInt(oldFormatTimeArray[0]);
    var min = oldFormatTimeArray[1];

    var AMPM = HH >= 12 ? "PM" : "AM";
    var hours;
    if(HH == 0){
      hours = HH + 12;
    } else if (HH > 12) {
      hours = HH - 12;
    } else {
      hours = HH;
    }
    var newFormatTime = hours + ":" + min + " " + AMPM;
    console.log(newFormatTime);
}

BobH · Accepted Answer · 2015-03-11 07:40:43Z

0

I'm pretty sure this will work as an even more concise formulaic version of Ben Lee's answer, including for the h=0 and h=12 cases:

function fomartTimeShow(h_24) {
    var h = ((h_24 + 11) % 12)+1;
    return (h < 10 ? '0' : '') + h + ':00';
}

or including am/pm:

function fomartTimeShow(h_24) {
    var h = ((h_24 + 11) % 12)+1;
    return (h < 10 ? '0' : '') + h + ':00' + (h_24 < 12 ? 'am' : 'pm');
}

answered Mar 11, 2015 at 7:40

BobH

834 bronze badges

Comments

Vincent · Accepted Answer · 2021-06-14 23:01:38Z

0

Yet another Javascript function to convert 24 hour to 12 hour but unlike all the other answers on this question, this one is easy to read.

function timeTo12(time){

  var parts = time.split(':');
  var hours = parseInt(parts[0]);
  var minutes = parts[1];

  if(hours >= 12){
    var newhours = parseInt(hours) - 12;
    var meridiem = "pm";
  }else{
    var newhours = parseInt(hours);
    var meridiem = "am";
  }

  if(newhours == 0) newhours = "12";
  var newtime = newhours + ":" + minutes + " " + meridiem;

  return newtime;
}

answered Jun 14, 2021 at 23:01

Vincent

2,26733 silver badges42 bronze badges

Collectives™ on Stack Overflow

How to convert time from 24 hour format to 12 hour format using javascript?

6 Answers 6

Comments

3 Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

3 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related