vue过滤器之设置日期格式

---

title:

一、创建工具

1.新建js文件，format.js:

export function formatDate (date, fmt) {
  if (/(y+)/.test(fmt)) {
    fmt = fmt.replace(
      RegExp.$1,
      (date.getFullYear() + '').substr(4 - RegExp.$1.length)
    );
  }
  var o = {
    'M+': date.getMonth() + 1,
    'd+': date.getDate(),
    'h+': date.getHours(),
    'm+': date.getMinutes(),
    's+': date.getSeconds(),
    'q+': Math.floor((date.getMonth() + 3) / 3),
    S: date.getMilliseconds()
  }; // 月份 // 日 // 小时 // 分 // 秒 // 季度 // 毫秒
  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 : ('00' + str).substr(str.length)
      );
    }
  }
  return fmt;
}

## 2.在页面引入(根据自己的实际路径)
```js
import { formatDate } from '../common/js/format.js';

## 3.创建过滤器
```js
filters: {
    formatDate (timestamp) {
      var data = new Date(timestamp);
      return formatDate(data, 'yyyy-MM-dd');
    }
  }

## 4.页面渲染数据时使用
```vue
<span>{{timestamp | formatDate}}</span>