jquery: How to get hh:mm:ss from date object?

javascript jquery date jquery-1.9
laukok picture laukok · Oct 13, 2013 · Viewed 91.1k times · Source

How can I get this hh:mm:ss from date object?

var d = new Date(); // for now
datetext = d.getHours()+":"+d.getMinutes()+":"+d.getSeconds();

I get this result below sometimes,

12:10:1

which should be 

12:10:01

I assume this happens to the hour and minute as well.

So I am after this 

01:01:01

Not this 1:1:1

Answer

Sunny R Gupta picture Sunny R Gupta · Oct 13, 2013

Solution - (tl;dr version)

datetext = d.toTimeString().split(' ')[0]

Explanation:

toTimeString returns the complete time. We split it by space to get the time component only, then take the first value which is of use. :)

Complete Flow:

d = new Date();
// d is "Sun Oct 13 2013 20:32:01 GMT+0530 (India Standard Time)"
datetext = d.toTimeString();
// datestring is "20:32:01 GMT+0530 (India Standard Time)"
// Split with ' ' and we get: ["20:32:01", "GMT+0530", "(India", "Standard", "Time)"]
// Take the first value from array :)
datetext = datetext.split(' ')[0];

Note: This does not require you to include any external files or libraries hence time required for execution would be faster.

Related questions

How to add number of days to today's date?

I need to be able to add 1, 2 , 5 or 10 days to today's date using jQuery.

Read More
How to split a string at the first `/` (slash) and surround part of it in a `<span>`?

I want to format this date: <div id="date">23/05/2013</div>. First I want to split the string at the first / and have the rest in the next line. Next, I’d like to surround the first …

Read More
jQuery UI DatePicker to show month year only

I am using jQuery date picker to display the calendar all over my app. I want to know if I can use it to display the month and year (May 2010) and not the calendar?

Read More