Date format conversion in JavaScript

Question

I wondering what is the best way to convert a timestamp of this format -

2012-02-18 14:28:32

to a date presentation of this format -

Saturday Feb 2012 14:28:32

Many thanks :)

As for formatting to a final string I could suggest you the following library. As far as the first part of the question is concerned you could refer to the following question — Oybek
– Oybek, Commented Feb 18, 2012 at 18:41

jribeiro · Accepted Answer · 2012-02-18 18:40:07Z

6

Javascript date functions are pretty bad... You have the option to convert to UTC http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_toutcstring

But if it was me, i would look into Datejs: http://www.datejs.com/ best javascript date api for me

Please take a look at the getting started with Datejs: http://www.datejs.com/2007/11/27/getting-started-with-datejs/

answered Feb 18, 2012 at 18:40

jribeiro

3,50110 gold badges45 silver badges70 bronze badges

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

Comments

wecsam · Accepted Answer · 2012-02-18 18:43:51Z

You must first define an array of the English words (Sunday, Monday, Feb, Mar, etc.):

var daysOfWeek = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],
    monthsOfYear = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

To be able insert the extra 0 at the beginning of the minutes and seconds, define a padding function for the String prototype:

String.prototype.padLeft = function(padString,length){
    var toReturn = String(this);
    while(toReturn.length < length){
        toReturn = padString + toReturn;
    }
    return toReturn;
}

Format the date and time like this:

var time = new Date(), formattedDate, formattedTime, wholeThing;
formattedDate = daysOfWeek[time.getDay()] + ", " + monthsOfYear[time.getMonth()] + " " + time.getDate() + ", " + time.getFullYear();
formattedTime = time.getHours() + ":" + time.getMinutes().padLeft("0",2) + time.getSeconds().padLeft("0",2);

You can get the whole thing by concatenating formattedDate and formattedTime, as in:

wholeThing = formattedDate + " " + formattedTime;

Glorfindel · Accepted Answer · 2021-01-26 06:46:43Z

3

Consider using datejs which is rocks!

var mydate = Date.parse('2012-02-18 14:28:32');
var result = mydate.toString('dddd MMM yyyy h:mm:ss');
console.log(result);

edited Jan 26, 2021 at 6:46

Glorfindel

22.8k13 gold badges97 silver badges124 bronze badges

answered Feb 18, 2012 at 18:45

Juicy Scripter

25.9k6 gold badges74 silver badges93 bronze badges

2 Comments

Paolo Biavati Over a year ago

??? Uncaught RangeError: toString() radix argument must be between 2 and 36 at Number.toString (<anonymous>) at <anonymous>:2:21

Ehvince Over a year ago

@PaoloBiavati that means you call toString on a number, not a Date: stackoverflow.com/questions/16527109/… (use datejs).

onezero · Accepted Answer · 2017-06-25 14:31:10Z

2

I'd suggest using an external js library to do that. To my understanding, Moment.js is the best date-time conversion library out there.

In this case, it does the job in one line. Just add the moment.js in you project and then do

var timestamp = '2012-02-18 14:28:32';
var formattedTime = moment(timestamp).format('dddd MMM YYYY HH:mm:ss'); // Saturday Feb 2012 14:28:32

answered Jun 25, 2017 at 14:31

onezero

1191 silver badge11 bronze badges

1 Comment

Binyamin Regev Mar 16 at 11:06

Not "The Best" when it skips the day-of-month in your example. Or should the format be: dddd MMM dd, YYYY HH:mm:ss? Why to add a library (import and all) just to do something so trivial like printing the date in a formatted form?

Björn · Accepted Answer · 2012-02-18 18:39:02Z

1

JavaScripts Date object is lacking methods for formatting. I would consider using an external library like this one. Seems it has what you're looking for.

answered Feb 18, 2012 at 18:39

Björn

29.4k9 gold badges67 silver badges84 bronze badges

Comments

animuson · Accepted Answer · 2012-02-24 04:35:22Z

0

try this blog it has enough dateformats:

http://blog.stevenlevithan.com/archives/date-time-format

edited Feb 24, 2012 at 4:35

animuson♦

54.9k28 gold badges142 silver badges150 bronze badges

answered Feb 18, 2012 at 18:43

Vikram

8,32335 silver badges47 bronze badges

Collectives™ on Stack Overflow

Date format conversion in JavaScript

6 Answers 6

Comments

Comments

2 Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

2 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related