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

vue网页中显示数据库中datetime类型数据时，没有显示为年-月-日时：分：秒的标准格式，而是显示为时间戳，与我们的要求不一致。我们需要使用moment进行转换1.安装momentnpm install moment --save2.在需要格式转换的vue页面中引入momentimport moment from 'moment'3.在 export default中添加filter过滤器和

The pure land

5653人浏览 · 2021-03-19 20:07:26

The pure land · 2021-03-19 20:07:26 发布

vue网页中显示数据库中datetime类型数据时，没有显示为年-月-日时：分：秒的标准格式，而是显示为时间戳，与我们的要求不一致。
在这里插入图片描述
我们需要使用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

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^