Demonstration Of Date Object Formatting Using Date Prototyping

Posted September 8, 2006 at 2:32 PM by Ben Nadel

Tags: Javascript / DHTML

If anyone is interested, I put together this little demo for a dude who posted a comment on my site. It demonstrates how to apply a date and time mask to a Javascript Date object using regular expressions. It creates two methods that are prototyped to the Javascript Date object and therefore are available to all dates:

  • Date.prototype.dateFormat()
  • Date.prototype.timeFormat()

Regular Expression Date Mask Demo

http://www.bennadel.com/resources/demo/2/



Reader Comments

Jan 2, 2008 at 11:49 PM // reply »
3 Comments

Thanks a ton for this. Really needed it for making my own masks on Unix timestamps.


Jan 3, 2008 at 12:08 AM // reply »
1 Comments

Hey, by the way there is what I would consider to be a "bug" in this. getMonth() is a zero based function, so months like January come back as 0 and December comes back as 11. It can be fixed like this:

"m": this.getMonth()+1,
"mm": ((this.getMonth()+1).toString().length == 1) ? ("0" + this.getMonth()+1) : this.getMonth()+1,


Jan 3, 2008 at 7:15 AM // reply »
10,640 Comments

@James,

Thanks for the update. It seems to be handled differently in every language, so I am hesitant to call anything a bug. However, a zero-based month system never feels natural. You just want to say FIRST month (as in 1st as in 1) of the year.


Post A Comment

Comment Etiquette: Please do not post spam. Please keep the comments on-topic. Please do not post unrelated questions or large chunks of code. And, above all, please be nice to each other - we're trying to have a good conversation here.

Please review the following issues:

Author Name:


Author Email:

Author Website:

Comment:

Supported HTML tags for formatting: <strong>bold</strong>   <em>italic</em>   <code>code</code>







  • Help Wanted - Find Your Next ColdFusion Job
InVision App - Prototyping Made Beautiful With Prototyping Tools Ben Nadel's Company - Epicenter Consulting Recent Blog Comments
Feb 10, 2012 at 7:21 PM
jQuery AJAX Strips Script Tags And Inserts Them After Parent-Most Elements
Update! Instead of $(eval(options.insertAfter)).after(data['insertData']); I now use: var ajaxNode = document.createElement('span'); var parent = $(eval(options.insertAfter))[0].parentNode; ... read »
Feb 10, 2012 at 6:18 PM
jQuery AJAX Strips Script Tags And Inserts Them After Parent-Most Elements
encountered this same, what I consider, jQuery bug last week. I'm building a site in which I load some content via AJAX. This content contains Linkedin share button placeholders which Linkedin API ne ... read »
Feb 10, 2012 at 11:30 AM
Cross-Origin Resource Sharing (CORS) AJAX Requests Between jQuery And Node.js
After you understand the concepts here, this is an awesome cheatsheet for enabling CORS in just about anything http://enable-cors.org/ ... read »
JM
Feb 10, 2012 at 9:10 AM
My Safari Browser SQLite Database Hello World Example
@Amy, Here is a very good tutorial on how to use JOIN: http://www.sqltutorial.org/sqljoin-innerjoin.aspx ... read »
Feb 10, 2012 at 4:42 AM
Building A Twitter-Inspired RESTful API Architecture In ColdFusion
This is great, very useful Ben. I spotted a small typo in the api.cgm listing: <cfthrow type="Unauthroized" /> Cheers Stefan ... read »
Feb 9, 2012 at 10:35 PM
CFDirectory Filtering Uses Pipe Character For Multiple Filters (Thanks Steve Withington)
I was wondering if there would be a filter you could apply so that you got everything but what you included in the filter. As in show me all docs that are not a .pdf. ... read »
Feb 9, 2012 at 10:29 PM
Learning ColdFusion 9: Application-Specific Data Sources
@Ben, No offence, but if people were really wanting advanced features they would be using a platform like ASP.NET MVC. CFML is so structurally compromised as a tag-based scripting language that ... read »
Feb 9, 2012 at 10:03 PM
Subversion - Cleanup Failed To Process The Following Paths
@Leviaguirre, do you still have problems with this? ... read »