How to format a Date in MM/dd/yyyy HH:mm:ss format in JavaScript?

Question

Possible Duplicate:
Formatting a date in javascript

I know other possible formats in JavaScript Date object but I did not get on how to format the date to MM/dd/yyyy HH:mm:ss format.

Please let me know if you come across such problem.

All the methods are there on the date object. What have you tried? — Corbin, May 17 '12 at 08:42
Hi Corbin, I tried with some predefined formats but I did not get a predefined format for MM/dd/yyyy HH:mm:ss — Gendaful, May 17 '12 at 08:44

KooiInc · Accepted Answer · 2022-12-13T12:17:57.257

166

[Addendum 12/2022]: Here's a library to format dates using Intl.DateTimeFormat.

Try something like this

var d = new Date,
    dformat = [d.getMonth()+1,
               d.getDate(),
               d.getFullYear()].join('/')+' '+
              [d.getHours(),
               d.getMinutes(),
               d.getSeconds()].join(':');

If you want leading zero's for values < 10, use this number extension

Number.prototype.padLeft = function(base,chr){
    var  len = (String(base || 10).length - String(this).length)+1;
    return len > 0? new Array(len).join(chr || '0')+this : this;
}
// usage
//=> 3..padLeft() => '03'
//=> 3..padLeft(100,'-') => '--3'

Applied to the previous code:

var d = new Date,
    dformat = [(d.getMonth()+1).padLeft(),
               d.getDate().padLeft(),
               d.getFullYear()].join('/') +' ' +
              [d.getHours().padLeft(),
               d.getMinutes().padLeft(),
               d.getSeconds().padLeft()].join(':');
//=> dformat => '05/17/2012 10:52:21'

See this code in jsfiddle

[edit 2019] Using ES20xx, you can use a template literal and the new padStart string extension.

const dt = new Date();
const padL = (nr, len = 2, chr = `0`) => `${nr}`.padStart(2, chr);

console.log(`${
    padL(dt.getMonth()+1)}/${
    padL(dt.getDate())}/${
    dt.getFullYear()} ${
    padL(dt.getHours())}:${
    padL(dt.getMinutes())}:${
    padL(dt.getSeconds())}`
);

See also

edited Dec 13 '22 at 12:17

answered May 17 '12 at 08:44

KooiInc

119,216
31
141
177

Thanks Kooilnc, I tried var d = new Date(); var dformat = [d.getMonth().join('/') + d.getDate().join('/')+ d.getFullYear()].join('/')+' ' +d.getHours().join(':')+d.getMinutes().join(':')+d.getSeconds()]; but i am getting "Uncaught SyntaxError: Unexpected token ] " . Do you know the reason? Thanks for the help – Gendaful May 17 '12 at 08:59
Your code is completely wrong (you can't use `d.getMonth().join('/')`). Try copying/running the code I gave in my answer *without changing it*. I have added a jsfiddle link for you – KooiInc May 17 '12 at 09:09
1

Your example is incorrect. He's asking for MM/dd and you've supplied the format dd/MM (european style). – Jeff Fischer Feb 06 '14 at 00:25
2

@JeffFischer Yep, that's why my answer stated "Try something *like* this". Anyway, adjusted the answer especially for you. – KooiInc Jul 17 '14 at 08:10
hi why did you used +1 after getMonth()? I tried removing it and it gave me incorrect month. Is some kind of conversion is happening? – Vishal Feb 06 '16 at 06:32
1

okay got it. It gives months from 0 to 11. – Vishal Feb 06 '16 at 06:45
above syntax helpful in my date formation – Narendra Maru Mar 02 '19 at 06:22

Salman A · Answer 2 · 2022-05-12T08:48:36.633

71

You can always format a date by extracting the parts and combine them using string functions in desired order:

var date = new Date();
var dateStr =
  ("00" + (date.getMonth() + 1)).slice(-2) + "/" +
  ("00" + date.getDate()).slice(-2) + "/" +
  date.getFullYear() + " " +
  ("00" + date.getHours()).slice(-2) + ":" +
  ("00" + date.getMinutes()).slice(-2) + ":" +
  ("00" + date.getSeconds()).slice(-2);
console.log(dateStr);

edited May 12 '22 at 08:48

answered May 17 '12 at 09:08

Salman A

262,204
82
430
521

3

Should be using getDate() for the date. Can't edit because SO want more than 6 chars edited... sigh. – Llyle Apr 28 '13 at 10:01

score 5 · Answer 3 · answered May 17 '12 at 08:46

var d = new Date();

var curr_date = d.getDate();

var curr_month = d.getMonth();

var curr_year = d.getFullYear();

document.write(curr_date + "-" + curr_month + "-" + curr_year);

using this you can format date.

you can change the appearance in the way you want then

for more info you can visit here

score -4 · Answer 4 · answered May 17 '12 at 08:56


var d = new Date();

// calling the function
formatDate(d,4);


function formatDate(dateObj,format)
{
    var monthNames = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ];
    var curr_date = dateObj.getDate();
    var curr_month = dateObj.getMonth();
    curr_month = curr_month + 1;
    var curr_year = dateObj.getFullYear();
    var curr_min = dateObj.getMinutes();
    var curr_hr= dateObj.getHours();
    var curr_sc= dateObj.getSeconds();
    if(curr_month.toString().length == 1)
    curr_month = '0' + curr_month;      
    if(curr_date.toString().length == 1)
    curr_date = '0' + curr_date;
    if(curr_hr.toString().length == 1)
    curr_hr = '0' + curr_hr;
    if(curr_min.toString().length == 1)
    curr_min = '0' + curr_min;

    if(format ==1)//dd-mm-yyyy
    {
        return curr_date + "-"+curr_month+ "-"+curr_year;       
    }
    else if(format ==2)//yyyy-mm-dd
    {
        return curr_year + "-"+curr_month+ "-"+curr_date;       
    }
    else if(format ==3)//dd/mm/yyyy
    {
        return curr_date + "/"+curr_month+ "/"+curr_year;       
    }
    else if(format ==4)// MM/dd/yyyy HH:mm:ss
    {
        return curr_month+"/"+curr_date +"/"+curr_year+ " "+curr_hr+":"+curr_min+":"+curr_sc;       
    }
}

39

-1, really bad coding here – KooiInc May 17 '12 at 09:25

How to format a Date in MM/dd/yyyy HH:mm:ss format in JavaScript?

4 Answers4

Linked

Related