Formatting Dates from JSON using Javascript

Question

I am currently getting dates and times sent over to me in the following format through JSON:

2014-10-25 17:00:00

I was wondering if there was a way using Javascript to pull out just the date of that string (maybe using .getDate(); ) as well as grabbing the time out of that string.

I'd also like to be able to format the date and time so it would read as follows:

October 25th, 2014

5:00pm

Is there a way through using functions that will allow me to do what this library does? I can't imagine it being that difficult to split this all up into a few strings stored in variables — rklitz
– rklitz, Commented Oct 15, 2014 at 21:54
believe me, you don't want do it by hand ;) stackoverflow.com/questions/3552461/… — timaschew
– timaschew, Commented Oct 15, 2014 at 22:03

timaschew · Accepted Answer · 2014-10-15 22:00:55Z

2

yep, http://momentjs.com is good choice

var moment = require('moment');
var date = moment('2014-10-25 17:00:00');
var out1 = date.format('MMMM Do YYYY'); // October 25th, 2014
var out2 = date.format('h:mma'); // 5:00pm

answered Oct 15, 2014 at 22:00

timaschew

16.7k6 gold badges65 silver badges79 bronze badges

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

Comments

Troy Gizzi · Accepted Answer · 2014-10-15 22:21:36Z

0

If you have any trouble with the other snippets, here's one specifically targeting a browser-based app. It also uses Moment.js, which is probably the best choice for dealing with dates & times in JavaScript.

var value = '2014-10-25 17:00:00';
var datetime = moment(value);
var date = datetime.format('MMMM Do, YYYY');
var time = datetime.format('h:mma');

document.getElementById('output').innerHTML = date + '<br/>' + time;

<script type="text/javascript" src="http://momentjs.com/downloads/moment.min.js"></script>

<div id="output"></div>

answered Oct 15, 2014 at 22:21

Troy Gizzi

2,5191 gold badge17 silver badges15 bronze badges

Collectives™ on Stack Overflow

Formatting Dates from JSON using Javascript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related