码上敲享录 > vue.js常见问题详解 > vue格式化时间

vue格式化时间

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

vue格式化时间


解决方法:

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

"moment": "^2.14.1",


2.组件中引用

import  moment from 'moment';


3.设置过滤器

mounted:function(){

//过滤器 日期格式化,将 mongo 的 utc 转为当前时间

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

           return moment(value).format('YYYY-MM-DD HH:mm:ss')

       })

       moment.locale('zh-cn');

      //过滤器,timeTran

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

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

       })

   },


4.页面中使用,这样就把时间显示成分钟,例如:10分钟前  的格式,使用dateFormatter过滤器就是把时间显示成:2021-01-07 12:10:20的格式

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


0

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交