VUE设置对时间处理

<template>
  <div>
    <div>
      <h1 align="center">{{item.title}}</h1>
      <h6 align="right" style="margin-right: 250px;">{{item.created | dateFilter}}</h6>
    </div>
    <div style="border:1px solid #CCC;width: 80%; margin-left: 130px;" ></div>
    <br>
    <div style="margin-left: 20px;">{{item.article}}</div>
  </div>

</template>

<script>
  export default {
    data() {
      return {
        item:{},
      }
    },
    filters: {
      dateFilter: function (data, format = "") {
      var dt = new Date(data);
      var y = dt.getFullYear();
      var m = (dt.getMonth()+1).toString().padStart(2,"0");
      var d = dt.getDate().toString().padStart(2,"0");
      var h = dt.getHours().toString().padStart(2,"0");
      var mm = dt.getMinutes().toString().padStart(2,"0");
      var s = dt.getSeconds().toString().padStart(2,"0");
      if (format.toLocaleLowerCase() === "yyyy-mm-dd" ||
        format.toLocaleLowerCase() === "") {

        return `${y}-${m}-${d}`;

      } else if (format.toLocaleLowerCase() === "yyyy/mm/dd") {

        return `${y}/${m}/${d}`;

      } else if (format.toLocaleLowerCase() === "yyyy-mm-dd hh:mm:ss") {

        return `${y}-${m}-${d} ${h}:${mm}:${s}`;

      } else if (format.toLocaleLowerCase() === "yyyy/mm/dd hh:mm:ss") {

        return `${y}/${m}/${d} ${h}:${mm}:${s}`;

      } else {

        return `输入的时间格式有误`;

        }

      }

      },
    created() {
      //1.获取商品列表数据
      this.getNotice()
    },
    methods: {
      getQueryVariable(variable){
        console.log(variable)
         var query = window.location.getParameter(variable)
         var vars = query.split("&");
         for (var i=0;i<vars.length;i++) {
                 var pair = vars[i].split("=");
                 if(pair[0] == variable){return pair[1];}
         }
         return(false);
       },
      async getNotice(){
        var id =  this.$route.query.id
        console.log(id)
        const {
          data: result
        } = await this.$http.get("/notice/getRealNotice", {
          params: {
            id:id
          }
        })
        this.item = result.data
      },

      //通过JS格式化时间
      formatDate(row, column, cellValue, index) {
        let date = new Date(cellValue)
        let year = date.getFullYear()
        let month = (date.getMonth() + 1 + '').padStart(2, '0')
        let day = (date.getDate() + '').padStart(2, '0')
        let HH = (date.getHours() + '').padStart(2, '0')
        let MM = (date.getMinutes() + '').padStart(2, '0')
        let SS = (date.getSeconds() + '').padStart(2, '0')
        return year + '-' + month + '-' + day + ' ' + HH + ":" + MM + ":" + SS
      },
    }
  }
</script>

<style scoped>
</style>