码上敲享录 > vue.js常见问题详解 > vue按时间到现在的间隔格式显示,例如几秒前、几分钟前,几小时前,几天前,几个月前、几年前

vue按时间到现在的间隔格式显示,例如几秒前、几分钟前,几小时前,几天前,几个月前、几年前

上一章章节目录下一章 2021-01-07已有2433人阅读 评论(0)

vue按时间到现在的间隔格式显示,例如几秒前、几分钟前,几小时前,几天前,几个月前、几年前


解决方法:

1.package.json文件添加依赖:

"moment": "^2.14.1",


2.组件中引用

import  moment from 'moment';


3.设置过滤器

mounted:function(){

       moment.locale('zh-cn');

      //过滤器,timeTran

       Vue.filter('timeTran', function (value) {

           return moment(value).startOf('minute').fromNow()

       })

   },


4.页面中使用,这样就把时间显示成分钟,例如:10分钟前  的格式

<span class="cont-date">{{cmm.comment.dateCreated | timeTran}}</span>


向大家推荐《Activiti工作流实战教程》:https://xiaozhuanlan.com/activiti
0

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交