Moment.js 时间格式化插件

文章介绍了如何在项目中通过npm安装moment库,并在JS中导入使用。在表格中应用formatter进行时间格式转换,以及在HTML普通标签内改变时间格式的方法。提供了具体的代码示例,如`moment().format(YYYY-MM-DD)`。
摘要由CSDN通过智能技术生成

1、引入

npm install moment --save

2、js配置

import moment from 'moment';

 

2-1、 table表格中使用 :formatter="dateFormat"

 

  <el-table-column prop="alarmTime" label="报警时间" show-overflow-tooltip :formatter="dateFormat"></el-table-column>

 table表格中设置

// 时间格式转换
const dateFormat = (row: any, column: any) => {
  const time = row[column.property];
  if (time == undefined) {
    return "";
  }
  return moment(time).format('YYYY-MM-DD ');
};

2-2、html普通标签内使用

 // 更改时间格式
    momentTime(time) {
      let newtime = moment(time).format('YYYY-MM-DD HH:mm:ss')
      return newtime
    },

{{ momentTime(item.pushTime) }}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值