简单的vue时间过滤器

丛林大野熊

已于 2022-05-15 13:21:33 修改

阅读量187

点赞数

分类专栏： vue常用功能文章标签： vue.js

于 2021-06-28 13:29:54 首次发布

本文链接：https://blog.csdn.net/cldyxiong/article/details/118301115

版权

vue常用功能专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.利用moment 格式化时间

import moment from 'moment'
 // 2. 定义过滤器, 编写内部代码
  filters: { 
    formatDate (val){
      return moment(val).format('YYYY-MM-DD')
    }
  }

2 .自己写个过滤器

// 过滤器
Vue.filter("dateFormat", dtStr => {
  const dt = new Date(dtStr);

  const y = dt.getFullYear();
  const m = padZero(dt.getMonth() + 1);
  const d = padZero(dt.getDate());
  const hh = padZero(dt.getHours());
  const mm = padZero(dt.getMinutes());
  const ss = padZero(dt.getSeconds());

  return `${y}-${m}-${d} ${hh}:${mm}:${ss}`;
});
// 补零函数
function padZero(n) {
  return n > 9 ? n : "0" + n;
}