码上敲享录 > vue.js常见问题详解 > vue时间按年月日时分秒格式显示

vue时间按年月日时分秒格式显示

上一章章节目录下一章 2021-01-07已有1587人阅读 评论(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.页面中使用dateFormatter过滤器就是把时间显示成:2021-01-07 12:10:20的格式

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


0

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交