Javascript change getHours to 2 digit

Question

If the hour is less than 10 hours the hours are usually placed in single digit form.

var currentHours = currentTime.getHours ( );

Is the following the only best way to get the hours to display as 09 instead of 9?

if (currentHours < 10)  currentHours = '0'+currentHours;

Better ways are: 1) use [moment.js](http://momentjs.com/) and its formatting abilities, 2) use a generic formatting function, e.g. http://stackoverflow.com/q/610406/989121 — georg, Sep 19 '13 at 08:34
With EcmaScript 6: ```new Date().getHours().toString().padStart(2, '0');``` — Manz, Nov 16 '18 at 09:46

score 173 · Accepted Answer · edited Sep 19 '13 at 08:29

173

Your's method is good. Also take a note of it

var date = new Date();
currentHours = date.getHours();
currentHours = ("0" + currentHours).slice(-2);

edited Sep 19 '13 at 08:29

Reporter

answered Sep 19 '13 at 08:25

Praveen

4

this is too good, even this can be used for minutes as well – Sunil Garg Jul 04 '18 at 07:40

score 17 · Answer 2 · answered Sep 19 '13 at 08:23

17

You can't do much better. Maybe you'll like:

var currentHours = ('0'+currentTime.getHours()).substr(-2);

answered Sep 19 '13 at 08:23

Paul

This is amazing. I have created a custom function based on this. `get_current_date_time() { var today = new Date(); var date = today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + today.getDate(); var currentHours = ('0'+today.getHours()).substr(-2); var currentMins = ('0'+today.getMinutes()).substr(-2); var currentSecs = ('0'+today.getSeconds()).substr(-2); var time = currentHours + ":" + currentMins + ":" + currentSecs; var dateTime = date + ' ' + time; return dateTime; }` – The Sammie Oct 26 '17 at 21:35
`substr()` is deprecated, but you can use `slice()` to do the same thing (using a negative number to count from the end). – Abel Wenning Mar 31 '22 at 08:35

score 15 · Answer 3 · answered Sep 19 '13 at 08:23

15

You can do this using below code,

create function,

function addZeroBefore(n) {
  return (n < 10 ? '0' : '') + n;
}

and then use it as below,

c = addZeroBefore(deg);

answered Sep 19 '13 at 08:23

Dipesh Parmar

1

I like this approach: simple, elegant. Here's how I use it to format time: `code -- function nn(n) { return (n < 10 ? '0' : '') + n; } function getTime(){ var now = new Date();
var h = nn(now.getHours()); var m = nn(now.getMinutes()); var s = nn(now.getSeconds()); return [ h, m, s ].join(':'); }` – Marty McGee Jun 06 '15 at 16:22

3 Answers3