{"id":3304,"date":"2014-03-06T21:20:34","date_gmt":"2014-03-07T03:20:34","guid":{"rendered":"http:\/\/bililite.com\/blog\/?p=3304"},"modified":"2015-02-25T12:18:40","modified_gmt":"2015-02-25T18:18:40","slug":"flexcal-with-european-date-formatting","status":"publish","type":"post","link":"https:\/\/bililite.com\/blog\/2014\/03\/06\/flexcal-with-european-date-formatting\/","title":{"rendered":"flexcal<\/code> with European date formatting"},"content":{"rendered":"

The question came up about using \"European\" dates (day\/month\/year) rather than \"American\" dates (month\/day\/year) in flexcal<\/code><\/a>. The biggest problem is that the built-in Date.parse()<\/code> (which is used by new Date(string)<\/code>) uses the American format, at least with my browsers and settings.<\/p>\r\n

The code in flexcal<\/code> that does the formatting are in the following methods:<\/p>\r\n

\r\n
format({Date})<\/code><\/dt>\r\n
Converts a Date<\/code> into a String<\/code>. Used for external<\/em> formatting: it determines what string is put in the input element after the user selects a date.<\/dd>\r\n
_date2string({Date})<\/code><\/dt>\r\n
Converts a Date<\/code> into a String<\/code>. Used for internal<\/em> formatting: the rel<\/code> attribute of each day link in the calendar is set with this.<\/dd>\r\n
_createDate(d, oldd)<\/code><\/dt>\r\n
Attempts to coerce d<\/code> into a Date<\/code>. If it is a valid Date<\/code>, just returns that. Otherwise returns new Date(d)<\/code>. If that does not create a valid Date<\/code>, returns oldd<\/code>.<\/dd>\r\n
this._createDate(this._date2string(d))<\/code> must equal d<\/code> in order for the calendar to work, and this._createDate(this.format(d))<\/code> must equal d<\/code> for the calendar to be able to parse the string in the input element.<\/dd>\r\n<\/dl>\r\n\r\n

So to use European dates, we have to replace each of those methods. I'll use the \"dd.mm.yyyy\" format.<\/p>\r\n