Version 0.2.0

- Added support for %D, %f (milliseconds, not microseconds), %%, and %%.
- Changed replace loop to regex replace function

Author: Spetnik

.gitignore

@@ -0,0 +1,221 @@
+#################
+## SublimeText
+#################
+*.sublime-project
+*.sublime-workspace
+
+#################
+## Eclipse
+#################
+
+*.pydevproject
+.project
+.metadata
+bin/
+tmp/
+*.tmp
+*.bak
+*.swp
+*~.nib
+local.properties
+.classpath
+.settings/
+.loadpath
+
+# External tool builders
+.externalToolBuilders/
+
+# Locally stored "Eclipse launch configurations"
+*.launch
+
+# CDT-specific
+.cproject
+
+# PDT-specific
+.buildpath
+
+
+#################
+## Visual Studio
+#################
+
+## Ignore Visual Studio temporary files, build results, and
+## files generated by popular Visual Studio add-ons.
+
+# User-specific files
+*.suo
+*.user
+*.sln.docstates
+
+# Build results
+
+[Dd]ebug/
+[Rr]elease/
+x64/
+build/
+[Bb]in/
+[Oo]bj/
+
+# MSTest test Results
+[Tt]est[Rr]esult*/
+[Bb]uild[Ll]og.*
+
+*_i.c
+*_p.c
+*.ilk
+*.meta
+*.obj
+*.pch
+*.pdb
+*.pgc
+*.pgd
+*.rsp
+*.sbr
+*.tlb
+*.tli
+*.tlh
+*.tmp
+*.tmp_proj
+*.log
+*.vspscc
+*.vssscc
+.builds
+*.pidb
+*.log
+*.scc
+
+# Visual C++ cache files
+ipch/
+*.aps
+*.ncb
+*.opensdf
+*.sdf
+*.cachefile
+
+# Visual Studio profiler
+*.psess
+*.vsp
+*.vspx
+
+# Guidance Automation Toolkit
+*.gpState
+
+# ReSharper is a .NET coding add-in
+_ReSharper*/
+*.[Rr]e[Ss]harper
+
+# TeamCity is a build add-in
+_TeamCity*
+
+# DotCover is a Code Coverage Tool
+*.dotCover
+
+# NCrunch
+*.ncrunch*
+.*crunch*.local.xml
+
+# Installshield output folder
+[Ee]xpress/
+
+# DocProject is a documentation generator add-in
+DocProject/buildhelp/
+DocProject/Help/*.HxT
+DocProject/Help/*.HxC
+DocProject/Help/*.hhc
+DocProject/Help/*.hhk
+DocProject/Help/*.hhp
+DocProject/Help/Html2
+DocProject/Help/html
+
+# Click-Once directory
+publish/
+
+# Publish Web Output
+*.Publish.xml
+*.pubxml
+
+# NuGet Packages Directory
+## TODO: If you have NuGet Package Restore enabled, uncomment the next line
+#packages/
+
+# Windows Azure Build Output
+csx
+*.build.csdef
+
+# Windows Store app package directory
+AppPackages/
+
+# Others
+sql/
+*.Cache
+ClientBin/
+[Ss]tyle[Cc]op.*
+~$*
+*~
+*.dbmdl
+*.[Pp]ublish.xml
+*.pfx
+*.publishsettings
+
+# RIA/Silverlight projects
+Generated_Code/
+
+# Backup & report files from converting an old project file to a newer
+# Visual Studio version. Backup files are not needed, because we have git ;-)
+_UpgradeReport_Files/
+Backup*/
+UpgradeLog*.XML
+UpgradeLog*.htm
+
+# SQL Server files
+App_Data/*.mdf
+App_Data/*.ldf
+
+#############
+## Windows detritus
+#############
+
+# Windows image file caches
+Thumbs.db
+ehthumbs.db
+
+# Folder config file
+Desktop.ini
+
+# Recycle Bin used on file shares
+$RECYCLE.BIN/
+
+# Mac crap
+.DS_Store
+
+
+#############
+## Python
+#############
+
+*.py[co]
+
+# Packages
+*.egg
+*.egg-info
+dist/
+build/
+eggs/
+parts/
+var/
+sdist/
+develop-eggs/
+.installed.cfg
+
+# Installer logs
+pip-log.txt
+
+# Unit test / coverage reports
+.coverage
+.tox
+
+#Translations
+*.mo
+
+#Mr Developer
+.mr.developer.cfg

README.md

@@ -25,10 +25,10 @@ Formatting specifiers:
 	%a			Abbreviated weekday name (Sun..Sat)
 	%b			Abbreviated month name (Jan..Dec)
 	%c			Month, numeric (0..12)
-	%D* 		Day of the month with English suffix (0th, 1st, 2nd, 3rd, …)
+	%D			Day of the month with English suffix (0th, 1st, 2nd, 3rd, …)
 	%d			Day of the month, numeric (00..31)
 	%e			Day of the month, numeric (0..31)
-	%f*			Microseconds (000000..999999)
+	%f**		Milliseconds (000..999)
 	%H			Hour (00..23)
 	%h			Hour (01..12)
 	%I			Hour (01..12)
@@ -53,7 +53,8 @@ Formatting specifiers:
 	%x*			Year for the week, where Monday is the first day of the week, numeric, four digits; used with %v
 	%Y			Year, numeric, four digits
 	%y			Year, numeric (two digits)
-	%%*			A literal “%” character
-	%x			x, for any “x” not listed above
+	%%			A literal “%” character
+	%?			?, for any “?” not listed above
 
-	* Not yet supported
+	* Not yet supported
+	** The MySQL DATE_FORMAT() %f specifier returns Microseconds (000000..999999)

formatdate.js

@@ -9,14 +9,15 @@ var formatDate = function(date, format, utc){
 
 	var formats = {
 		'%a': function(){return ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"][utc ? date.getUTCDay() : date.getDay()];},
-		'%b': function(){
-			return ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"][utc ? date.getUTCMonth() : date.getMonth()];
-		},
+		'%b': function(){return ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"][utc ? date.getUTCMonth() : date.getMonth()];},
 		'%c': function(){return utc ? date.getUTCMonth() + 1 : date.getMonth() + 1;},
-		'%D': function(){/*Day of the month with English suffix (0th, 1st, 2nd, 3rd, …)*/},
+		'%D': function(){
+			var t, n=this["%e"](), nn=parseInt(n.toString().substr(-2));
+			return nn>3&&nn<21?n+"th":t=["th","st","nd","rd"][n.toString().substr(-1)],n+(t==null?"th":t);
+		},
 		'%d': function(){return pad(utc?date.getUTCDate():date.getDate(),2);},
 		'%e': function(){return utc?date.getUTCDate():date.getDate();},
-		'%f': function(){/*milliseconds, not microseconds*/return utc?date.getUTCMilliseconds():date.getMilliseconds();},
+		'%f': function(){return pad(utc?date.getUTCMilliseconds():date.getMilliseconds(),3);},
 		'%H': function(){return pad(this["%k"](), 2);},
 		'%h': function(){return pad(this["%l"](), 2);},
 		'%I': function(){return this["%h"]();},
@@ -30,7 +31,7 @@ var formatDate = function(date, format, utc){
 		'%r': function(){return this["%h"]() + ":" + this["%i"]() + ":" + this["%S"]() + " " + this["%p"]()},
 		'%S': function(){return pad(utc?date.getUTCSeconds():date.getSeconds(),2);},
 		'%s': function(){return this["%S"]();},
-		'%T': function(){return this["%h"]()+":"+this["%i"]()+this["%S"]()+" "+this["%p"]();},
+		'%T': function(){return this["%H"]()+":"+this["%i"]()+":" + this["%S"]();},
 		'%U': function(){/*Week (00..53), where Sunday is the first day of the week*/},
 		'%u': function(){/*Week (00..53), where Monday is the first day of the week*/},
 		'%V': function(){/*Week (01..53), where Sunday is the first day of the week; used with %X*/},
@@ -40,13 +41,17 @@ var formatDate = function(date, format, utc){
 		'%X': function(){/*Year for the week where Sunday is the first day of the week, numeric, four digits; used with %V*/},
 		'%x': function(){/*Year for the week, where Monday is the first day of the week, numeric, four digits; used with %v*/},
 		'%Y': function(){return utc?date.getUTCFullYear():date.getFullYear();},
-		'%y': function(){return (utc?date.getUTCFullYear():date.getFullYear()).toString().substring(2);}
+		'%y': function(){return (utc?date.getUTCFullYear():date.getFullYear()).toString().substring(2);},
+		'%%': function(){return "%"}
 	};
 
-	var output = format;
+	var replacer = function(match){
+		if(formats[match] == null)
+			return match.substr(1,1);
 
-	for(var f in formats){
-		output = output.replace(f, formats[f]());
+		return formats[match]();
 	}
-	return output;
+
+	return format.replace(/\%.?/g, replacer);
+
 };

sample.html

@@ -7,12 +7,13 @@
 			button{width:120px;height:40px;background-color:#fff;color:#047;border:1px solid #047;border-radius:4px;font-weight:bold;cursor:pointer;}
 			button:hover{background-color:#047;color:#fff;}
 			table{margin:0px auto 0px auto;}
-			td>div{margin:2px 10px;height:30px;padding-top:6px;width:250px;border:2px dashed #ddd;text-align: center;}
+			td>div{margin:2px 10px;height:30px;padding-top:6px;width:280px;border:2px dashed #ddd;text-align: center;}
 		</style>
 		<script type="text/javascript" src="formatdate.js"></script>
 		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 		<script type="text/javascript">
 			$(function(){
+				//Set DIV text to formatted current date according to specifier text of corresponding BUTTON
 				$('button').click(function(){var $button=$(this);$($('tr').filter(function(){return $(this).index()==$button.parent().parent().index();})).find("td>div").text(
 					formatDate(new Date(),$(this).text())
 				);})
@@ -29,7 +30,7 @@
 			</tr>
 			<tr>
 				<td>
-					<button>%W, %M %c, %Y</button>
+					<button>%W, %M %D, %Y</button>
 				</td>
 				<td><div></div></td>
 			</tr>
@@ -51,6 +52,18 @@
 				</td>
 				<td><div></div></td>
 			</tr>
+			<tr>
+				<td>
+					<button>%T</button>
+				</td>
+				<td><div></div></td>
+			</tr>
+			<tr>
+				<td>
+					<button>%g %%c%%%c</button>
+				</td>
+				<td><div></div></td>
+			</tr>
 
 		</table>
 	</body>