vue使用moment将时间戳转为标准日期时间格式

vue网页中显示数据库中datetime类型数据时,没有显示为年-月-日 时:分:秒的标准格式,而是显示为时间戳,与我们的要求不一致。
vue使用moment将时间戳转为标准日期时间格式_第1张图片
我们需要使用moment进行转换
1.安装moment

npm install moment --save

2.在需要格式转换的vue页面中引入moment

import moment from 'moment'

3.在 export default中添加filter过滤器和时间转换函数

filters:{
  dateForm:function (el) {
    return moment(el).format('YYYY-MM-DD HH:mm:ss');
  }
}

4.在template模板中使用

<span>{{scope.row.time|dateForm}}span>

即在变量名后加上格式转换函数名

这时,网页中显示为标准日期时间格式了
vue使用moment将时间戳转为标准日期时间格式_第2张图片

你可能感兴趣的:(前端开发,vue)