js实现日期格式化

前端页面会经常将日期按照不同的格式输出显示，但是jQuery自身也没有对日期进行格式化的方法，以下代码可以简单实现该功能。

 1 function Format(now,mask)
 2     {
 3         var d = now;
 4         var zeroize = function (value, length)
 5         {
 6             if (!length) length = 2;
 7             value = String(value);
 8             for (var i = 0, zeros = ''; i < (length - value.length); i++)
 9             {
10                 zeros += '0';
11             }
12             return zeros + value;
13         };
14      
15         return mask.replace(/"[^"]*"|'[^']*'|\b(?:d{1,4}|m{1,4}|yy(?:yy)?|([hHMstT])\1?|[lLZ])\b/g, function ($0)
16         {
17             switch ($0)
18             {
19                 case 'd': return d.getDate();
20                 case 'dd': return zeroize(d.getDate());
21                 case 'ddd': return ['Sun', 'Mon', 'Tue', 'Wed', 'Thr', 'Fri', 'Sat'][d.getDay()];
22                 case 'dddd': return ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'][d.getDay()];
23                 case 'M': return d.getMonth() + 1;
24                 case 'MM': return zeroize(d.getMonth() + 1);
25                 case 'MMM': return ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'][d.getMonth()];
26                 case 'MMMM': return ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][d.getMonth()];
27                 case 'yy': return String(d.getFullYear()).substr(2);
28                 case 'yyyy': return d.getFullYear();
29                 case 'h': return d.getHours() % 12 || 12;
30                 case 'hh': return zeroize(d.getHours() % 12 || 12);
31                 case 'H': return d.getHours();
32                 case 'HH': return zeroize(d.getHours());
33                 case 'm': return d.getMinutes();
34                 case 'mm': return zeroize(d.getMinutes());
35                 case 's': return d.getSeconds();
36                 case 'ss': return zeroize(d.getSeconds());
37                 case 'l': return zeroize(d.getMilliseconds(), 3);
38                 case 'L': var m = d.getMilliseconds();
39                     if (m > 99) m = Math.round(m / 10);
40                     return zeroize(m);
41                 case 'tt': return d.getHours() < 12 ? 'am' : 'pm';
42                 case 'TT': return d.getHours() < 12 ? 'AM' : 'PM';
43                 case 'Z': return d.toUTCString().match(/[A-Z]+$/);
44                 // Return quoted strings with the surrounding quotes removed
45                 default: return $0.substr(1, $0.length - 2);
46             }
47         });
48     };

使用时候直接调用方法 Format(date,"yyyy-MM-dd HH:mm");输出格式为 "2015-10-14 16:50"；第一个参数为时间，第二个参数为输出格式。

　　格式中代表的意义：

　　　　d:日期天数；dd:日期天数（2位，不够补0）；ddd:星期（英文简写）；dddd:星期（英文全拼）；

　　　　M:数字月份；MM:数字月份（2位，不够补0）；MMM:月份（英文简写）；MMMM:月份（英文全拼）；

　　　　yy:年份（2位）；yyyy:年份；

　　　　h:小时（12时计时法）；hh:小时（2位，不足补0；12时计时法）；

　　　　H:小时（24时计时法）；HH:小时（2位，不足补0；24时计时法）；

　　　　m:分钟；mm:分钟（2位，不足补0）；

　　　　s:秒；ss:秒（2位，不足补0）；

　　　　l:毫秒数（保留3位）；

　　　　tt: 小时（12时计时法，保留am、pm）；TT: 小时（12时计时法，保留AM、PM）；

posted @ 2018-01-02 17:16  wangwiz  阅读(348)  评论(0)    收藏  举报