Date Formatting in Javascript

Can we format date in javascript as per our requirement ? Yes, we can do this in few lines of code in javascript , Outputting a lot of dates to the browser, and want to format them nicely? The following code adds a customFormat() method to the Date class which allows you to have a Date object turn into a string formatted just the way you like. Simply include this small block of code (in a separate client-side library file, directly in your JS ) and all date objects will suddenly be able to cleanly format themselves. Click here to Download Demo .

Code :
  1. <!--Author : Mohammad Usman
    2. 

  2.    Date   : 10/01/2011 -->
    3. 

  3. <html>
    4. 

  4. <head><title>Date Formatting in Javascript</title>
    5. 

  5. <script language="javascript">
    6. 

  6. function datetestmethode(){
    7. 

  7. Date.prototype.customFormat=function(formatString){
    8. 

  8.    var YYYY,YY,MMMM,MMM,MM,M,DDDD,DDD,DD,D,hhh,hh,h,mm,m,ss,s,ampm,dMod,th;
    9. 

  9.    YY = ((YYYY=this.getFullYear())+"").substr(2,2);
    10. 

  10.    MM = (M=this.getMonth()+1)<10?('0'+M):M;
    11. 

  11.   MMM = (MMMM=["January","February","March","April","May","June","July","August","September","October","November","December"][M-1]).substr(0,3);
    12. 

  12.   DD = (D=this.getDate())<10?('0'+D):D;
    13. 

  13.   DDD = (DDDD=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][this.getDay()]).substr(0,3);
    14. 

  14.   th=(D>=10&&D<=20)?'th':((dMod=D%10)==1)?'st':(dMod==2)?'nd':(dMod==3)?'rd':'th';
    15. 

  15.    formatString = formatString.replace("#YYYY#",YYYY).replace("#YY#",YY).replace("#MMMM#",MMMM).replace("#MMM#",MMM).replace("#MM#",MM).replace("#M#",M).replace("#DDDD#",DDDD).replace("#DDD#",DDD).replace("#DD#",DD).replace("#D#",D).replace("#th#",th);
    16. 

    17. 

  17.    h=(hhh=this.getHours());
    18. 

  18.    if (h==0) h=24;
    19. 

  19.    if (h>12) h-=12;
    20. 

  20.    hh = h<10?('0'+h):h;
    21. 

  21.   ampm=hhh<12?'am':'pm';
    22. 

  22.   mm=(m=this.getMinutes())<10?('0'+m):m;
    23. 

  23.   ss=(s=this.getSeconds())<10?('0'+s):s;
    24. 

  24.   return formatString.replace("#hhh#",hhh).replace("#hh#",hh).replace("#h#",h).replace("#mm#",mm).replace("#m#",m).replace("#ss#",ss).replace("#s#",s).replace("#ampm#",ampm);
    25. 

  25. }
    26. 

  26. var now=new Date();
    27. 

  27. alert("Today is "+now.customFormat('#DDDD#, #MMMM# #D##th#,#YYYY#')+"\nThe time is "+now.customFormat('#h#:#mm##ampm#')+".");
    28. 

  28. }
    29. 

  29. </script>
    30. 

  30. </head>
    31. 

  31. <body>
    32. 

  32. <input type="button" value="Click Me to Format Date" onclick="datetestmethode();"/>
    33. 

  33. </html>
    34.


No comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Comment On Facebook