1. <!DOCTYPE html>
    2. <html lang="en">
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
    8.     <title>Document</title>
    9.     <script src="./lib/vue.js"></script>
    10. </head>
    12. <body>
    13.     <div id="app">
    14.         <p>{{ currentDate|dateformat("11") }}</p>
    15.     </div>
    16.     <script>
    17.         // 定义一个过滤器，名字叫做dateformat，可以接受一个参数，判断参数要什么格式，如果是yyyy-mm-dd,就会显示年月日,否则显示具体时间.
    18.         Vue.filter("dateformat",function(datestr,patten=""){
    19.             dt = new Date(datestr);
    20.             y = dt.getFullYear();
    21.             m = dt.getMonth()+1
    22.             d = dt.getDate()
    24.             if(patten.toLocaleLowerCase === 'yyyy-mm-dd'){
    25.                 return `${y}-${m}-${d}`
    26.             } else {
    27.                 hh = dt.getHours()
    28.                 mm = dt.getMinutes()
    29.                 ss = dt.getSeconds()
    30.                 return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
    31.             }
    34.         })
    36.         var vm=new Vue({
    37.            el:'#app',
    38.            data:{
    39.                currentDate: new Date()
    40.            },
    41.            methods:{}
    42.         });
    43.     </script>
    44. </body>
    45. </html>

    image.png