javascript - HTML 和 CSS 更改整个网页上的日期格式

Question

我正在开发一个将被全世界多个用户使用的 portlet，因此我们想将 Html 页面上所有内容的基本日期格式从默认更改为 DD/MMM/YY 其中 MMM 是一个缩写词，因为根据您所在的国家/地区(又名美国或其他地方)，默认值有些困惑

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

由于所有日期都需要这样写，也许它只是 CSS 或 HTML 文件中的一行代码？我环顾四周，找不到任何有关缩写日期的信息，因此我宁愿直接询问专业人士。

Answer 1

我会将所有日期包装在 <time> element 中，然后使用 JavaScript 将其转换为 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/