JavaScript Date Format

380 thoughts on “JavaScript Date Format”

1. I have some dates in json file that are in isoDateTime format (i.e. 2007-08-10T11:56:06). In my javascript I am formatting these dates using the following:
   dateFormat(new Date(data._source.submissionTime),”longDate”);

   data._source.submissionTime resolves to date you see above (2007-08-10T11:56:06)

   Firefox and Chrome handle this just fine, however IE 8 is choking on the following line in your script and complaining that exception is not caught:

   if (isNaN(date)) throw SyntaxError(“invalid date”);

   Any thoughts on why IE is unable to handle this?

2. The other thing I forgot mention above is that if do replace the hyphens with slash (as was suggested in previous posts), then IE works by Firefox and Chrome break 🙂

3. hey guys ‘mm’ is taking as minute and ‘MM’ is taking month
   let me know correct one
   current I have used as

4. Just written something similar, noticed a complicated looking zero pad function up there, here’s the one I just wrote:

   function zeroPad(number) {
   if (number < 10) {
   return '0' + number;
   }
   else {
   return '' + number;
   }
   }

5. Hi guys… JsSimpleDateFormat can parse the formatted string back to the Date Object

   http://www.javascriptsource.com/repository/javascripts/2009/03/880961/JsSimpleDateFormat-demo.html

   Two ways functions.. Could the others do this?

6. Pingback: How to get today’s events from Google Calendar (API) using JavaScript?
7. Pingback: How to get today’s events from Google Calendar (API) using JavaScript? | appsgoogleplus.com
8. Pingback: The Scribbler - Knockout.js extender for dates in ISO 8601 format
9. Pingback: jQuery getTime function | Easy jQuery | Free Popular Tips Tricks Plugins API Javascript and Themes

10. var now = new Date();

    now.format(“m/dd/yy”);

    Not working in javascript

11. Pingback: Javascript and Java Date JSON serialization | PHP Developer Resource
12. Pingback: JavaScript – Date Format | The Scott Preston Blog

13. Steven, thank You very much!
    Now I dont have any problem with date/time formatting in javascript!
    Best regards, Vasily.

14. Pingback: JavaScript Date Format « CupScript

15. Hi Steve
    Great work …thanks… 🙂

16. Ciao,
    potresti indicare anche l’html che va inserito per visualizzare l’orologio?

17. Cool! Very useful extension!

18. I’m trying to subtract one time from another and cannot seem to get it to display.

    Here is what I’m currently trying:

    var end = dateFormat(event.end, “isoTime”);
    var start = dateFormat(event.start, “isoTime”);
    var total = (end – start);

19. Thank you so much for this awesome script. Really valuable input!

20. First, I want to thank you for creating this library. I have been using your script without any problems on FF 3+. However, I have run into some difficulties on Chrome and Safari. I create a new date using an input like this one:

    var localDate = new Date(“2012-09-05T09:30″);

    and latter on my code I use the UTC mask

    console.log(dateFormat(localDate,”isoUtcDateTime”,true));

    on FF i get this:
    2012-09-05T13:30:00Z

    on Chrome 21 and Safari 6 I get this:
    2012-09-05T09:30:00Z

    Any ideas as why this is happening?
    Thanks

21. Pingback: Grabbing the value of HTML5 date inputs | Lucas-Williams.com

22. following is code to remove ordinal of date IT is running successfully:

    import java.text.DateFormat;
    import java.text.ParseException;
    import java.text.SimpleDateFormat;
    import java.util.Date;
    import java.util.regex.Pattern;
    import java.util.regex.Matcher;

    public class patrn {

    private static String deleteOrdinal(String dateString) {
    Pattern p1 = Pattern.compile(“([0-9]+)(st|nd|rd|th)”);
    Matcher m = p1.matcher(dateString);
    while (m.find()) {
    dateString = dateString.replaceAll(Matcher.quoteReplacement(m.group(0)), m.group(1));
    }
    return dateString;
    }

    public static void main(String[] args) {

    String dateString=”August 21st, 2012″;
    SimpleDateFormat sdf = new SimpleDateFormat(“MMMM dd, yyyy”);
    Date emp1joinDate = null;
    try {
    emp1joinDate=sdf.parse(deleteOrdinal(dateString));
    } catch (ParseException e) {
    // TODO Auto-generated catch block
    e.printStackTrace();
    }

    }

    }

23. Pingback: JavaScript Date Format | Geek for fun

24. Excellent! Just when I was getting at the huge mess in my code … now with your library it’s clean 1 line of code!

    Keep up the good work!

25. simply superb, great work

26. // In case anyone ever need czech i18n strings
    dateFormat.i18n = {
    dayNames: [“Ne”, “Po”, “Út”, “St”, “Čt”, “Pá”, “So”, “Neděle”, “Pondělí”, “Úterý”, “Středa”, “Čtvrtek”, “Pátek”, “Sobota”],
    monthNames: [“Led”, “Únr”, “Bře”, “Dub”, “Kvě”, “Čvn”, “Čvc”, “Srp”, “Zář”, “Říj”, “Lis”, “Pro”, “Leden”, “Únor”, “Březen”, “Duben”, “Květen”, “Červen”, “Červenec”, “Srpen”, “Září”, “Říjen”, “Listopad”, “Prosinec”]
    };

27. Nice

28. Great script!

29. Thanks for great script ! It help me very much.

30. Another big thank you for putting this together. Something this clean and useful should be built into core javascript.

31. I had one little issue when formatting the date output with padded hours, minutes, seconds, and AM and PM. If a number did need to be padded it actually ended up being repeated. For example if I specified the form seconds format to be ss and the time was currently 9 seconds, I would get 99 for the second count. If I formatted with the time TT asking for AM or PM, would get AA in the morning and PP at night.

    I had to make one little change to the regex in the first line of the dateFormat function to fix this issue.

    Here is the original
    var dateFormat = function () {
    var token = /d{1,4}|m{1,4}|yy(?:yy)?|([HhMsTt])\1?|[LloSZ]|”[^”]*”|'[^’]*’/g,

    Here is the change I made:
    var dateFormat = function () {
    var token = /d{1,4}|m{1,4}|yy(?:yy)?|([HhMsTt]{1,2})\1?|[LloSZ]|”[^”]*”|'[^’]*’/g,

    I just added the {1,2} after the [HhMsTt] and now it works great!
    Thanks so much for a great date formatting package!

32. You’re awesome. This helps me a lot!!!! Thank!!

33. Pingback: Validating date field in custom module not working like I thought

34. Hi im using your code on a SharePoint site but for some reason i could not add the file using the script tag of a web part when i do that and tried to use any format i just got in response a lot of weird characters, i copy all the code and append it at the end of another js file and it works as normal, i tried the file using jsfiddler and works just good have you hear of any problems while using your file on SharePoint before?

35. I have found and corrected a defect in the code as of today. When running this code in the Firefox v 20.0 Scratchpad, I ran into the following exception:

    Exception: dF.masks is undefined
    dateFormat@Scratchpad/1:26
    format@Scratchpad/1:110
    @Scratchpad/1:118

    I corrected this issue by changing the line:
    var dF = dateFormat;
    to
    var dF = this.dateFormat;

    -=> Gregg <=-

36. Pingback: JavaScript Libraries and Frameworks | Tim's Blog

37. Superb, thanks.

38. Awesome work man! thank you!

39. Thank you very much, was great!! 🙂 🙂
    the perfect javascript for my job 😀

40. Pingback: AngularJS: the beauty of concision | McCloud

41. Thanks for this, but I think there’s a bug with millisecond display when running on Firefox 20.0 on OS X 10.6.8 (and probably other platforms).

    The problem is line 39:

    date = date ? new Date(date) : new Date;

    It seems that this sets the number of milliseconds to zero on the created Date. Looking at the Date() doc, the constructor can’t take a Date as an argument, but a string, so it converts the initial Date to a string using Date.toString(), which doesn’t include milliseconds. The new Date is then built without milliseconds.

    Commenting out the line is a quick fix.

    Thanks again,
    Dan

42. You save me 1000000000 hours of works! Thanks

43. High five!. Thanks!

44. Please Help me

    var txt = 04/04;
    dateFormat(var, “dd/mm/yyyy”);

    why result : 04/04/2001
    should : 04/04/2013

    thanks

45. You saved me quite a bit of time with this library. Thanks!

46. I am trying to format a date that is 5 hours back (Unix TS = 1378470618) converted shows Fri, 06 Sep 2013 12:30:18 GMT (5 hrs back)

    When I use the date formatter like :

    dateFormat(start, “yyyymmddhhMM”) where start is 1378470618, the result shows Start Formatted 197001160554
    end = now timestamp and it formats -> End Formatted 201309060130

    Any idea why?

47. Many thanks for the awesome utility sir…

48. Thank you for this Absolutely fabulous little script…

49. Pingback: Dünya Zamanlar? | Sunny Tourism - Güne?li Günlere Ho? Geldiniz !!!

50. Thank your for this fine component. It saved me tons of time as I am just starting to venture into Javascript…

    Greetings from Berlin,

    Jörg