vueタイムスタンプフィルタfilters(vueフィルタfiltersの使用)

 

        

          

            
{{item.content}}
            
{{item.addtime | formatDate}}
          
        
      

....

data: function () {
            return {
              total:'',
              listData:[]
            }
        },
      filters: {
        formatDate: function (value) {
          let date = new Date(value);
          //             ，         （*1000）
          let y = date.getFullYear();
          console.log(y);
          let MM = date.getMonth() + 1;
          MM = MM < 10 ? ('0' + MM) : MM;
          let d = date.getDate();
          d = d < 10 ? ('0' + d) : d;
          let h = date.getHours();
          h = h < 10 ? ('0' + h) : h;
          let m = date.getMinutes();
          m = m < 10 ? ('0' + m) : m;
          let s = date.getSeconds();
          s = s < 10 ? ('0' + s) : s;
          return y + '-' + MM + '-' + d + ' ' + h + ':' + m + ':' + s;
        }
      },

【注意】データは要求されているので、最初はフィルタ中のvalueがundefinedであることがわかりますので、データがあるときにフィルタを使うべきなので、v-if制御を加えました.