Question

95

How to get current time in a format hh:mm AM/PM in Javascript?

rated 0 times [ 101] [ 6] / answers: 1 / hits: 51715 / 9 Years ago, sat, april 25, 2015, 12:00:00

I have a Javascript in which I need to paste the current time in a format HH:MM AM/PM. There's one catch - I need to put the time that starts in two hours from now, so for example, instead of 7:23PM I need to put 9:23PM, etc.

I tried to do something like: var dateFormat = new Date(hh:mm a) but it didn't work. I also tried to use:

var today = new Date();

var time = today.toLocaleTimeString().replace(/([d]+:[d]{2})(:[d]{2})(.*)/, $1$3)

alert(time);

but all I've seen was e.g. 18:23 instead of 6:23 PM (probably because of toLocaleTimeString() and my location in Europe) - maybe there's some unified way to do that that will work all around the World?. Also, I don't know exactly how to add the 2 hours to the final result. Can you help me?
Thanks!

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

calicinthias

Add To Favorites

Follow

Total Points: 447

Total Questions: 101

Total Answers: 118

Location: Botswana

Member since Sat, Dec 31, 2022

1 Year ago

answered 9 Years ago zahrafrancisr · Accepted Answer

Use Date methods to set and retrieve time and construct a time string, something along the lines of the snippet.

[edit] Just for fun: added a more generic approach, using 2 Date.prototype extensions.

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>