vue中如何使用filters过滤时间?

1、首先在变量后面输入管道符 | ,再在管道符 | 后面添加mapTime()函数(函数名随意)

 <div>{
   
   { row.updateDate | mapTime }}</div>

 2、与data、methods同级位置添加过滤器,并定义mapTime()函数,函数参数可以接收到管道符前面的变量,对参数数据进行改造后,函数返回的字符串就会显示在Html中

 filters: {
    mapTime(date) {
      const nDate = new Date(date);
      //将不满10的数字自动补0
      const year = nDate.getFullYear().toString().padStart(2, 0);
      const month = nDate.getMonth();
      const day = nDate.getDay().toString().padStart(2, 0);
      return year + "-" + month + "-" + day;
    },
  },

猜你喜欢

转载自blog.csdn.net/weixin_52004060/article/details/118678938