filters的使用

filters.js

const formatDate = (timestamp) => {

  if (typeof timestamp == "string") {

    const date =

      timestamp.length == 13

        ? new Date(timestamp * 1)

        : new Date(timestamp * 1000);

    var YY = date.getFullYear() + "-";

    var MM =

      (date.getMonth() + 1 < 10

        ? "0" + (date.getMonth() + 1)

        : date.getMonth() + 1) + "-";

    var DD = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();

    var hh =

      (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":";

    var mm =

      (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) +

      ":";

    var ss =

      date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();

    return YY + MM + DD + " " + hh + mm + ss;

  } else if (typeof timestamp == "number") {

    // 生成一个包含年月日的Date对象

    var str = timestamp + "";

    const date =

      str.length == 13 ? new Date(timestamp) : new Date(timestamp * 1000);

    var YY = date.getFullYear() + "-";

    var MM =

      (date.getMonth() + 1 < 10

        ? "0" + (date.getMonth() + 1)

        : date.getMonth() + 1) + "-";

    var DD = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();

    var hh =

      (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":";

    var mm =

      (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) +

      ":";

    var ss =

      date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();

    return YY + MM + DD + " " + hh + mm + ss;

  }

};

main.js

import filters from './utils/filters'

// 在Vue实例上注册过滤器

Object.keys(filters).forEach(key => {

  Vue.filter(key, filters[key])

})

使用

{{ info?.updateTime | formatDate }}