[JavaScript知识库]vue 将后台数据时间戳转换成日期格式

在 src 下新建一个 common 文件夹，创建 date.js 文件，方便多次复用

export function formatDate(date, fmt) {
  if (/(y+)/.test(fmt)) {
    fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
  }
  let o = {
    'M+': date.getMonth() + 1,
    'd+': date.getDate(),
    'h+': date.getHours(),
    'm+': date.getMinutes(),
    's+': date.getSeconds()
  };
  for (let k in o) {
    if (new RegExp(`(${k})`).test(fmt)) {
      let str = o[k] + '';
      fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));
    }
  }
  return fmt;
}

function padLeftZero(str) {
  return ('00' + str).substr(str.length);
}

在页面中使用：
（我这个是在el-table中使用的，在别的标签内是一样的）

<el-table-column
    prop="issuedate"
    label="落款时间"
    align="center">
    <template slot-scope="scope">
        <div class="ellipsis">{{scope.row.issuedate | formatDate}}</div>
    </template>
</el-table-column>

import { formatDate } from '@/common/date.js'; // 在组件中引用date.js

• 使用filters过滤器，filters和data同级

filters:{
    formatDate(time) {
      let date = new Date(time);
      return formatDate(date, 'yyyy.MM.dd');
    },
  },