JavaScript Date Format

380 thoughts on “JavaScript Date Format”

1. Thanks a lot!! Really helped in implementing a required functionality!!

2. Great Work! Honestly is quick, simple and do its works perfectly. Thanks!

3. Hi

   *** Possible Bug***

   we had a wierd issue yesterday. we are using

   new Date(receiptDate).format(‘longDate’)

   for receiptDate on months that have only 30 days, the code was displaying 1 month ahead

   Eg:
   receiptDate = 2/15/2001
   it was showing as
   March 15, 2001

   We verified that all the receiptDates that fell on a month that had 30 days, this issue was occuring.

   Then today when we logged in, everything seems to be ok. All the dates were showing correctly. This is because today is 31 Oct.

   So there seems to be a bug which happens every 30 of the month and if the date that u are trying to display has 30 days inthe month, then the result is off by a month.

   Can you pls look into this?

   Thanks

4. In chrome it shows “12 Dec 11:04” and firefox it shows as “12 Dec 06:04” for .format(“UTC:dd mmm HH:ss”)
   Help me please…

5. Very good! Very helpfull!
   You best!

6. Pingback: Javascript .format() dose't work | Stackforum.com

7. Hello there, I found your blog by the use of Google at the same time as
   searching for a related matter, your site came up, it appears to be like great.
   I’ve bookmarked it in my google bookmarks.
   Hello there, just changed into alert to your blog via Google, and located that it’s truly informative.
   I am gonna be careful for brussels. I’ll appreciate when you continue this
   in future. Numerous folks will probably be benefited out
   of your writing. Cheers!

8. Your code for “L” for cantiseconds is wrong, you should always divide milliseconds by 10, not just when greater than 99.

9. Thank you very much!

10. Pingback: JavaScript Date Format in Swedish | Telefoner
11. Pingback: Time zone correct client side date and time display | Coding in the Trenches

12. VERY well written — needed a date-formatter for a mobile-app I’m writing using PhoneGap, and this worked absolutely perfectly. And I love the fact that it (almost) follows the ColdFusion dateFormat function — I use CF on the server side, so it made it very easy for me to understand.

    Again — well written! Thanks a bunch!

13. Please, forgive my ignorance, but, how is the usage of this? I mean, how can I embed this code into mine?
    Thanks in advance.

14. Hello,
    Great job but how do I add milliseconds?

15. Amazing, thanks!

16. Amazing, thanks!

    Fabio: use ‘l’ for milliseconds, like this:

    new Date().format(‘mm/dd/yyyy hh:MM:ss.l’)

17. Convert DateTime to AM/PM format using javascript or jQuery
    http://allinworld99.blogspot.in/2014/07/get-am-pm-from-datetime-javascript.html

18. Hello,
    This seems great, however the download link lands on a 404 page.

19. Hi

    Thanks for your work on this, its very useful.

    Just one thing i got caught out because i was inadvertently passing a null value to dateFormat, which to my surprise return todays date. I am not sure if this is good, as null would not mean that i really meant today. a suggestion would be to be able to pass a default date if required as an option.

    Or am i missing somthing and returning today from null is desirable.

    thanks

    andy

20. Unfortunately there is a shit load of spam on this page, but I’ll add this anyway.

    I’ve created a GitHub project from this excellent piece of code. It’s called date-steroids and can be found here:
    https://github.com/rvanbaalen/date-steroids

    When you’re using bower, you can also install date-steroids by running bower install date-steroids

21. Pingback: Selecting weeks instead of days with JQuery’s DatePicker | Ranting for the hell of it
22. Pingback: How to: Format a Microsoft JSON date? | SevenNet
23. Pingback: How to: Where can I find documentation on formatting a date in JavaScript | SevenNet
24. Pingback: How to: How do you convert a JavaScript date to UTC? | SevenNet
25. Pingback: How to: Format a Microsoft JSON date? | Technical information for you
26. Pingback: How to: Where can I find documentation on formatting a date in JavaScript | Technical information for you
27. Pingback: How to: How can I convert string to datetime with format specification in JavaScript? | SevenNet
28. Pingback: Solution: Format a Microsoft JSON date? #dev #it #computers | Good Answer
29. Pingback: Fixed Where can I find documentation on formatting a date in JavaScript #dev #it #asnwer | Good Answer
30. Pingback: How to: ASP.NET MVC JsonResult Date Format | SevenNet

31. I’m getting a 404 accessing http://stevenlevithan.com/assets/misc/date.format.js

    Jim.

32. Pingback: Fixed How do you convert a JavaScript date to UTC? #dev #it #asnwer | Good Answer
33. Pingback: Fixed How can I convert string to datetime with format specification in JavaScript? #dev #it #asnwer | Good Answer
34. Pingback: Solution: How do you convert a JavaScript date to UTC? #computers #answer #solution | IT Info

35. The code works but when i try to pass the output as an input to a function that take in a String eg concatenate string, this is what i get,

    Concatenate String: Couldn’t concatenate strings

    The datatypes are not compatible. Cannot convert from type Undefined to String.

36. awesome work, thanks for the great script.

37. Thank you for these explanations good work

38. Is there a way to use a Canadian date format (dd/MM/yyyy) with this?

    Does the token, timezone, and timezoneClip need updated in order for that to work?

39. YYYY-0MM-DD format would present a date in a way that most could clearly interpret in their country. Using the four digit year, three digit month (zero-filled) and a two digit day has many benefits. That way 1973-004-03 , 004-03-1973 and 03-004-1973 are clearly April 3, 1973 and not March 4, 1973 – in most cultures. This would avoid frustrations and re-processing time. More importantly in international research, development, medical records and other business that cross international boundaries; critical errors and mis-understandings would be reduced. Thoughts?

40. It is off by a day. The following date is converted to Tue Oct 14.

    2014-10-15

    Tue Oct 14 2014 20:00:00 GMT-0400 (EDT)

41. Hi Steven, Thanks for the code.

    In IE11 passing a date object to the date constructor sets the milliseconds in the new date to zero.

    I suggest –

    date = date ? typeof date == ‘object’ ? new Date(date.getTime()) : new Date(date) : new Date;

42. Hello, first of all, thanks for your piece of code, really helpfull.
    I’ve made some changes to match the PHP date format, so it gets easy to interchange the masks between the Frontend and Backend, the changed code follows:

    /*
    * Date Format 1.2.3
    * (c) 2007-2009 Steven Levithan
    * MIT license
    *
    * Includes enhancements by Scott Trenda
    * and Kris Kowal
    *
    * Accepts a date, a mask, or a date and a mask.
    * Returns a formatted version of the given date.
    * The date defaults to the current date/time.
    * The mask defaults to dateFormat.masks.default.
    *
    * Changes by Leandro Costa @ 2017-06-20
    * – Add the flag: Y to matach the full year as in php date.
    * – changed the flag d to be the padded day to match php date.
    * – changed the flag m to be the padded month to match php date.
    */

    var dateFormat = function () {
    var token = /d{1,4}|m{1,4}|Y|yy(?:yy)?|([HhMsTt])\1?|[LloSZ]|”[^”]*”|'[^’]*’/g,
    timezone = /\b(?:[PMCEA][SDP]T|(?:Pacific|Mountain|Central|Eastern|Atlantic) (?:Standard|Daylight|Prevailing) Time|(?:GMT|UTC)(?:[-+]\d{4})?)\b/g,
    timezoneClip = /[^-+\dA-Z]/g,
    pad = function (val, len) {
    val = String(val);
    len = len || 2;
    while (val.length 99 ? Math.round(L / 10) : L),
    t: H < 12 ? "a" : "p",
    tt: H < 12 ? "am" : "pm",
    T: H < 12 ? "A" : "P",
    TT: H 0 ? “-” : “+”) + pad(Math.floor(Math.abs(o) / 60) * 100 + Math.abs(o) % 60, 4),
    S: [“th”, “st”, “nd”, “rd”][d % 10 > 3 ? 0 : (d % 100 – d % 10 != 10) * d % 10]
    };

    return mask.replace(token, function ($0) {
    return $0 in flags ? flags[$0] : $0.slice(1, $0.length – 1);
    });
    };
    }();

    // Some common format strings
    dateFormat.masks = {
    “default”: “ddd mmm dd yyyy HH:MM:ss”,
    shortDate: “m/d/yy”,
    mediumDate: “mmm d, yyyy”,
    longDate: “mmmm d, yyyy”,
    fullDate: “dddd, mmmm d, yyyy”,
    shortTime: “h:MM TT”,
    mediumTime: “h:MM:ss TT”,
    longTime: “h:MM:ss TT Z”,
    isoDate: “yyyy-mm-dd”,
    isoTime: “HH:MM:ss”,
    isoDateTime: “yyyy-mm-dd’T’HH:MM:ss”,
    isoUtcDateTime: “UTC:yyyy-mm-dd’T’HH:MM:ss’Z'”
    };

    // Internationalization strings
    dateFormat.i18n = {
    dayNames: [
    “Dom”, “Seg”, “Ter”, “Qua”, “Qui”, “Sex”, “Sab”,
    “Domingo”, “Segunda”, “Terça”, “Quarta”, “Quinta”, “Sexta”, “Sábado”
    ],
    monthNames: [
    “Jan”, “Fev”, “Mar”, “Abr”, “Mai”, “Jun”, “Jul”, “Ago”, “Set”, “Out”, “Nov”, “Dez”,
    “Janeiro”, “Fevereiro”, “Março”, “Abril”, “Maio”, “Junho”, “Julho”, “Agosto”, “Setembro”, “Outubro”, “Novembro”, “Dezembro”
    ]
    };

    // For convenience…
    Date.prototype.format = function (mask, utc) {
    return dateFormat(this, mask, utc);
    };

43. Can’t touch this!

44. Pingback: How do I format a Microsoft JSON date? - QuestionFocus
45. Pingback: Custom JavaScriptConverter for DateTime? - QuestionFocus

46. I appreciate the simplicity.

47. Pingback: Where can I find documentation on formatting a date in JavaScript? - QuestionFocus

48. Very useful and easy to use, thanks

49. simplicity at extreme level

50. Pingback: how to parse a “dd/mm/yyyy” or “dd-mm-yyyy” or “dd-mmm-yyyy” formatted date string using JavaScript or jQuery [duplicate] - QuestionFocus