How to show only hours and minutes from javascript date.toLocaleTimeString()?

Question

Can anyone please help me get the HH:MM am/pm format instead of HH:MM:SS am/pm.

My javascript code is :

function prettyDate2(time){
  var date = new Date(parseInt(time));
  var localeSpecificTime = date.toLocaleTimeString();
  return localeSpecificTimel;
}

It returns the time in the format HH:MM:SS am/pm, but my client's requirement is HH:MM am/pm.

Please help me.

Does this answer your question? [How do I use .toLocaleTimeString() without displaying seconds?](https://stackoverflow.com/questions/17913681/how-do-i-use-tolocaletimestring-without-displaying-seconds) — kalley, Sep 12 '22 at 14:01

score 67 · Answer 1 · edited May 23 '17 at 12:33

67

Here is a more general version of this question, which covers locales other than en-US. Also, there can be issues parsing the output from toLocaleTimeString(), so CJLopez suggests using this instead:

var dateWithouthSecond = new Date();
dateWithouthSecond.toLocaleTimeString(navigator.language, {hour: '2-digit', minute:'2-digit'});

edited May 23 '17 at 12:33

Community

1
1

answered Sep 23 '15 at 13:48

Dan Cron

1,105
12
24

kalley · Accepted Answer · 2021-11-22T15:11:30.573

44

A more general version from @CJLopez's answer:

function prettyDate2(time) {
  var date = new Date(parseInt(time));
  return date.toLocaleTimeString(navigator.language, {
    hour: '2-digit',
    minute:'2-digit'
  });
}

Original answer (not useful internationally)

You can do this:

function prettyDate2(time){
    var date = new Date(parseInt(time));
    var localeSpecificTime = date.toLocaleTimeString();
    return localeSpecificTime.replace(/:\d+ /, ' ');
}

The regex is stripping the seconds from that string.

edited Nov 22 '21 at 15:11

answered Oct 16 '13 at 15:24

kalley

18,072
2
39
36

5

bear in mind that for non english locale, this solution won't work, as the regex of \d won't detect the numbers. Example: `date.toLocaleTimeString('ar')`. Therefore, _@Dan Cron_ 's answer is better for general use. – Roshdy Aug 27 '17 at 12:11
This doesn't work for Finnish or German locales, as the separator symbol is "." (dot) not ":". @Dan Cron's answer is better. – Alonso Urbano Feb 04 '19 at 09:56
1

This is a bad answer, and should be deleted, for the reasons above. – Brad Nov 21 '21 at 02:32

score 6 · Answer 3 · answered Oct 16 '13 at 15:30

6

Use the Intl.DateTimeFormat library.

 function prettyDate2(time){
    var date = new Date(parseInt(time));
    var options = {hour: "numeric", minute: "numeric"};
    return new Intl.DateTimeFormat("en-US", options).format(date);
  }

answered Oct 16 '13 at 15:30

Mattias

451
3
13

Dan Alboteanu · Answer 4 · 2022-01-13T12:23:50.080

4

I posted my solution here https://stackoverflow.com/a/48595422/6204133

var textTime = new Date(sunriseMills + offsetCityMills + offsetDeviceMills) 
                .toLocaleTimeString('en-US', { hour: 'numeric', minute: 'numeric' });

// '7.04 AM'

edited Jan 13 '22 at 12:23

answered Feb 03 '18 at 09:04

Dan Alboteanu

9,404
1
52
40

score 2 · Answer 5 · answered Oct 16 '13 at 15:24

You may also try like this:-

function timeformat(date) {
  var h = date.getHours();
  var m = date.getMinutes();
  var x = h >= 12 ? 'pm' : 'am';
  h = h % 12;
  h = h ? h : 12;
  m = m < 10 ? '0'+m: m;
  var mytime= h + ':' + m + ' ' + x;
  return mytime;
}

or something like this:-

new Date('16/10/2013 20:57:34').toLocaleTimeString().replace(/([\d]+:[\d]{2})(:[\d]{2})(.*)/, "$1$3")

How to show only hours and minutes from javascript date.toLocaleTimeString()?

5 Answers5

Linked

Related