Vue过滤器之 过滤时间 (时间过滤器)

---

概念

Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示。

---

一、 私有过滤器

在vue实例中通过filters配置项来配置 filters:{ 过滤器名称(){ 业务逻辑} }

1.html

<td>{
  {item.ctime | dataFormat('yyyy-mm-dd')}}</td>

2.私有 filters 定义方式：

filters: {
    // 私有局部过滤器，只能在 当前 VM 对象所控制的 View 区域进行使用

    dataFormat(input, pattern = "") {
    // 在参数列表中 通过 pattern="" 来指定形参默认值，防止报错

      var dt = new Date(input);

      // 获取年月日

      var y = dt.getFullYear();

      var m = (dt.getMonth() + 1).toString().padStart(2, '0');

      var d = dt.