1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>时间格式化</title>
    6. </head>
    7. <body>
    8.     <script>
    9.         // =>不足十位补充零
    10.         let addZero = val => {
    11.             val = Number(val);
    12.             return val < 10 ? '0' + val : val;
    13.         };
    15.         /*
    16.          * 字符串处理解决办法
    17.          */
    18.         /* function formatTime(time) {
    19.             // 1. 先获取年月日等信息
    20.             let ary = time.split(' '),
    21.                 aryLeft = ary[0].split('-'),
    22.                 aryRight = ary[1].split(':');
    23.             ary = aryLeft.concat(aryRight);
    24.             // 2. 拼接成为我们想用的格式
    25.             let result = ary[0] + "年" + addZero(ary[1]) + "月" + addZero(ary[2]) + "日";
    26.             result += " " + addZero(ary[3]) + ":" + addZero(ary[4]) + ":" + addZero(ary[5]);
    27.             return result;
    28.         } */
    30.         /*
    31.          * 基于日期对象处理 
    32.          */
    33.         /* function formatTime(time) {
    34.             // 1.把时间字符串变为标准日期对象
    35.             time = time.replace(/-/g, '/');
    36.             time = new Date(time);
    37.             // 2.基于方法获取年月日等信息
    38.             let year = time.getFullYear(),
    39.                 month = addZero(time.getMonth() + 1),
    40.                 day = addZero(time.getDate()),
    41.                 hours = addZero(time.getHours()),
    42.                 minutes = addZero(time.getMinutes()),
    43.                 seconds = addZero(time.getSeconds());
    44.             // 3.返回想要的结果
    45.             return year + "年" + month + "月" + day + "日 " + hours + ":" + minutes + ":" + 
    46.       seconds;
    47.         } */
    50.         /*
    51.          * 封装一套公共的时间字符串格式化处理的方式 
    52.          */
    53.         String.prototype.formatTime = function formatTime(template) {
    54.             // 初始化模板
    55.             typeof template === 'undefined' ? template = "{0}年{1}月{2}日 {3}:{4}:{5}" : null;
    56.             // this:我们要处理的字符串
    57.             // 获取日期字符串中的数字信息
    58.             let matchAry = this.match(/\d+/g);
    59.             // 模板和数据的渲染（引擎机制）
    60.             template = template.replace(/\{(\d+)\}/g, (x, y) => {
    61.                 let val = matchAry[y] || '00';
    62.                 val.length < 2 ? val = '0' + val : null;
    63.                 return val;
    64.             });
    65.             return template;
    66.         };
    67.         let time = '2019-5-30 12:0:0';
    68.         console.log(time.formatTime("{1}-{2} {3}:{4}"));
    69.         // "2019年05月30日 12:00:00"
    70.     </script>
    71. </body>
    72. </html>