前端js、jQuery實作日期格式化、字元串格式化

1. js仿背景的字元串的StringFormat方法

　　在做前端頁面時候，經常會對字元串進行拼接處理，但是直接使用字元串拼接，不但影響閱讀，而且影響執行效率，且jQuery有沒有定義字元串的StringFormat方法，隻好自己寫一個。

1. function StringFormat() {
2. if (arguments.length == 0)
3. return null;
4. var str = arguments[0];
5. for (var i = 1; i < arguments.length; i++) {
6. var re = new RegExp('\\{' + (i - 1) + '\\}', 'gm');
7. str = str.replace(re, arguments[i]);
8. }
9. return str;
10. }

　　使用方法與背景的StringFormat方法一樣，StringFormat("abc{0}def","123");輸出結果為"abc123def"。

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

　　使用時候直接調用方法 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）；

　　很古老的東西了，今天偶爾整理一下，希望能夠幫到大家，謝謝。