Format date in Javascript

Question

I have a function which accepts a UTC date. I want to return back the local date. I have the following code so far:

    var dateFormat = function (date) {
        var dt = new Date(date + " UTC");
        return dt.toString(); 
       }

For the return date, I like it formatted as such:

     October 9th, 2013, 7:34:00 PM

Is there a formatting that will handle this.

score 0 · Answer 1 · edited Jun 20 '20 at 09:12

You have a lot of ways to format the Date object in JavaScript. I suggest you to check out 10 ways to format time and date using JavaScript and Working with Dates. These are the main functions you need to use for formatting JavaScript Dates:

getDate(): Returns the date
getMonth(): Returns the month (Starting from 0)
getFullYear(): Returns the year

A simple script would be:

<script type="text/javascript">
    var d = new Date();
    var curDate = d.getDate();
    var curMonth = d.getMonth() + 1; // Months are zero based
    var curYear = d.getFullYear();
    document.write(curDate + "-" + curMonth + "-" + curYear);
</script>

In your case, you can have an array of months:

var months = ["January", "February", ... "December"];

The next part would be associating the correct variables with the place they need to be present.

Plugins

But instead of doing all these, you can also consider using a fancy date formatter plugin, that uses jQuery or some library. A few ones would be:

Moment.js is a javascript date library for parsing, validating, manipulating, and formatting dates.
XDate is a thin wrapper around JavaScript's native Date object that provides enhanced functionality for parsing, formatting, and manipulating dates. It implements the same methods as the native Date, so it should seem very familiar.
DateJS is an open source JavaScript Date library for parsing, formatting and processing.

getMonth() + 1: Returns the month – underscore Oct 25 '13 at 15:48 — underscore, Oct 25 '13 at 15:48

score 0 · Accepted Answer · answered Oct 25 '13 at 15:48

0

I usually use moment.js for this kind of tasks. It's pretty powerful and still small sized library. Give it a try.

answered Oct 25 '13 at 15:48

Silviu Burcea

5,103
1
29
43

Thanks. In my above example, how do I pass a date with moment.js Do not see how this is done. – Nate Pet Oct 25 '13 at 17:36
@NatePet Take a look at http://momentjs.com/docs/#/parsing/date/ – Silviu Burcea Oct 25 '13 at 18:18

Format date in Javascript

2 Answers2

Plugins