Format date in jQuery

Question

var date = "Fri Jan 29 2012 06:12:00 GMT+0100";

How can i show this in format 2012-01-29 06:12 ? In PHP is function ->format. In Javascript is also format, but if i try use this then i have error:

now.format is not a function

var now = new Date();
console.log(now.format("isoDateTime"));

http://jsfiddle.net/6v9hD/

I would like receive format: 2012-01-29 06:12

possible duplicate of How to get current date in jquery?

Tadeck
– Tadeck

2012-01-29 03:58:55 +00:00
Commented Jan 29, 2012 at 3:58 — Tadeck
– Tadeck, Commented Jan 29, 2012 at 3:58
Not a duplicate because this post includes time formatting

eze
– eze

2014-04-15 17:35:24 +00:00
Commented Apr 15, 2014 at 17:35 — eze
– eze, Commented Apr 15, 2014 at 17:35

Community · Accepted Answer · 2017-05-23 11:46:46Z

23

This question is a duplicate (see: How to get current date in jquery?).

By modifying my solution from the other question, I got:

var d = new Date();

var month = d.getMonth()+1;
var day = d.getDate();
var hour = d.getHours();
var minute = d.getMinutes();
var second = d.getSeconds();

var output = d.getFullYear() + '-' +
    ((''+month).length<2 ? '0' : '') + month + '-' +
    ((''+day).length<2 ? '0' : '') + day + ' ' +
    ((''+hour).length<2 ? '0' :'') + hour + ':' +
    ((''+minute).length<2 ? '0' :'') + minute + ':' +
    ((''+second).length<2 ? '0' :'') + second;

See this jsfiddle for a proof: http://jsfiddle.net/nCE9u/3/

You can also enclose it within function (demo is here: http://jsfiddle.net/nCE9u/4/):

function getISODateTime(d){
    // padding function
    var s = function(a,b){return(1e15+a+"").slice(-b)};

    // default date parameter
    if (typeof d === 'undefined'){
        d = new Date();
    };

    // return ISO datetime
    return d.getFullYear() + '-' +
        s(d.getMonth()+1,2) + '-' +
        s(d.getDate(),2) + ' ' +
        s(d.getHours(),2) + ':' +
        s(d.getMinutes(),2) + ':' +
        s(d.getSeconds(),2);
}

and use it like that:

getISODateTime(new Date());

or:

getISODateTime(some_other_date);

EDIT: I have added some improvement to the function, as proposed by Ates Goral (also decreased its readability in favour of code comments).

edited May 23, 2017 at 11:46

CommunityBot

11 silver badge

answered Jan 29, 2012 at 4:08

Tadeck

138k28 gold badges155 silver badges201 bronze badges

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

3 Comments

Ateş Göral Over a year ago

My goodness. This is one verbose implementation :/ You could at least use a local function for the padding: function pad(n) { return n < 10 ? n : ("0" + n); }

Tadeck Over a year ago

@AtesGoral: You are right about internal function - I have refactored this code. For consistency reasons I made it return string at all times (in your case sometimes it would be an integer). Thanks for pointing this out.

Jimbo Over a year ago

This is nice and really should be the first answer that pops up when searching for formatting JS dateTime. Can't believe vanilla JS doesn't have something like this built in - it's crazy we have to have a big-ass function to do something this simple! :P

Mark Brackett · Accepted Answer · 2012-01-29 03:56:53Z

6

Datejs.toString('yyyy-MM-dd HH:mm') should do the trick

answered Jan 29, 2012 at 3:56

Mark Brackett

85.9k17 gold badges113 silver badges156 bronze badges

2 Comments

Mark Fondy Over a year ago

thanks, but i must use object created with clear javascript - new Date().

Mark Brackett Over a year ago

@Mark Fondy - it will hijack the Date prototype; so no worries.

GreyBeardedGeek · Accepted Answer · 2012-01-29 04:13:37Z

3

Unfortunately, in Javascript, Date does not have a format() method.

Check out http://fisforformat.sourceforge.net for some nice formatting methods.

answered Jan 29, 2012 at 4:13

GreyBeardedGeek

30.3k2 gold badges51 silver badges71 bronze badges

Comments

Ateş Göral · Accepted Answer · 2012-01-29 06:31:53Z

3

Use a library like Datejs or perhaps this tweet-sized implementation:

https://gist.github.com/1005948

var str = formatDate(
    new Date(),
    "{FullYear}-{Month:2}-{Date:2} {Hours:2}:{Minutes:2}");

answered Jan 29, 2012 at 6:31

Ateş Göral

141k27 gold badges142 silver badges191 bronze badges

Comments

helloyou · Accepted Answer · 2013-08-22 15:01:03Z

1

I think this could be help you:date.format.js

var now = new Date();
now.format("m/dd/yy");
// Returns, e.g., 6/09/07
// Can also be used as a standalone function
dateFormat(now, "dddd, mmmm dS, yyyy, h:MM:ss TT");
// Saturday, June 9th, 2007, 5:46:21 PM
// You can use one of several named masks
now.format("isoDateTime");

answered Aug 22, 2013 at 15:01

helloyou

111 bronze badge

Comments

Condemateguadua · Accepted Answer · 2017-04-14 20:41:23Z

0

You can use something like this(include date.js ) :

Date.parse(yourDate).toISOString();

so the date will have ISO 8601 format.

answered Apr 14, 2017 at 20:41

Condemateguadua

6367 silver badges9 bronze badges

Collectives™ on Stack Overflow

Format date in jQuery

6 Answers 6

3 Comments

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

3 Comments

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related