整个网页上的HTML＆CSS更改日期格式

Question

I am working on a portlet which will be used by multiple users throughout the world, therefore we would like to change the basic date format of EVERYTHING on an Html page from default to DD/MMM/YY where MMM is an abbreviation because the default is somewhat confusing depending of your country (aka USA or somewhere else)

aka 05/05/2014 should show up as 05/May/14
and 06/08/2015 should show up as 06/Aug/15

Since all of the dates need to be written that way, maybe it's only a line of code in the CSS or HTML file? I looked around and couldn't find anything about abbreviated dates, therefore I'd rather directly ask the professionals.

Answer 1

I would wrap all dates in a <time> element , then use JavaScript to convert that to a local date format .

HTML:

Published <time datetime="2011-07-03">07/03</time>

JS:

var elements = document.getElementsByTagName("time");
for (var i=0; i<elements.length; i++) {
    var dat = new Date('UTC:'+elements[i].getAttribute('datetime'));
    elements[i].innerHTML = dat.toLocaleDateString();
}

http://jsfiddle.net/mblase75/7yF5v/