javascript formatting time from Date() object

Question

1.) Is there a built in formatting option in javascript to display time obtained from Date() to be 12 hr format?

2.) With the script below the minutes and seconds field are displayed as 1 digit format when the values are less than 10. Is there a way force 2 digit reporting on the minutes/seconds values so that 1.. 2... 3... displays as 01... 02... 03... and so on....

function updateTime(){
    var dt = new Date();
    var weekday = new Array(7);
weekday[0]=  'Sunday';
weekday[1] = 'Monday';
weekday[2] = 'Tuesday';
weekday[3] = 'Wednesday';
weekday[4] = 'Thursday';
weekday[5] = 'Friday';
weekday[6] = 'Saturday';
    var time = weekday[dt.getDay()] + ' ' + dt.getDate() + '/' + dt.getMonth() + '/' + dt.getFullYear() + ' ' +dt.getHours() + ':' + dt.getMinutes() + ':' + dt.getSeconds();
    document.getElementById('dttime').innerHTML = time;
}
setInterval(updateTime, 1000);

stackoverflow.com/questions/8888491/…

epascarello
– epascarello

2014-12-02 20:28:37 +00:00
Commented Dec 2, 2014 at 20:28 — epascarello
– epascarello, Commented Dec 2, 2014 at 20:28

Niet the Dark Absol · Accepted Answer · 2014-12-02 20:20:24Z

2

1) Sort of. Simply do ""+dt and you'll get the date formatted according to the browser's locale. In theory at least, if your computer is set to 12-hour, then the result will be too.

2) You can zero-pad with ("0"+dt.getHours()).slice(-2)

answered Dec 2, 2014 at 20:20

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

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

Comments

Alex Shuraits · Accepted Answer · 2014-12-02 20:34:15Z

1

Make your life simple. Use Moment.js

function updateTime(){
  var time = moment().format('MMMM Do YYYY, h:mm:ss a');
  document.getElementById('dttime').innerHTML = time;
}
setInterval(updateTime, 1000);

JsFiddle

answered Dec 2, 2014 at 20:34

Alex Shuraits

4421 gold badge5 silver badges14 bronze badges

1 Comment

DMSJax Over a year ago

Although my own answer worked just fine, your answer is much cleaner and moment.js is compact enough to not impact processing/load time. So im good with accepting yours, thanks!

DMSJax · Accepted Answer · 2014-12-02 20:45:30Z

1

Turns out I did miss a built in function, here is what I ended up with that works as needed.

function updateTime(){
    var dt = new Date();
    var n = dt.toLocaleTimeString(); <-- added new var converts dt to local time string
    var weekday = new Array(7);
weekday[0]=  'Sunday';
weekday[1] = 'Monday';
weekday[2] = 'Tuesday';
weekday[3] = 'Wednesday';
weekday[4] = 'Thursday';
weekday[5] = 'Friday';
weekday[6] = 'Saturday';
    var time = weekday[dt.getDay()] + ' ' + dt.getDate() + '/' + dt.getMonth() + '/' + dt.getFullYear() + ' ' + n;  <-- removed getMin/GetSec and replaced with N variable.
    document.getElementById('dttime').innerHTML = time;
}
setInterval(updateTime, 1000);

answered Dec 2, 2014 at 20:45

DMSJax

1,7274 gold badges22 silver badges37 bronze badges

Collectives™ on Stack Overflow

javascript formatting time from Date() object

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related