我是靠谱客的博主 玩命小鸽子,最近开发中收集的这篇文章主要介绍简单的vue时间过滤器,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

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;
}

最后

以上就是玩命小鸽子为你收集整理的简单的vue时间过滤器的全部内容,希望文章能够帮你解决简单的vue时间过滤器所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(55)

评论列表共有 0 条评论

立即
投稿
返回
顶部