在vue中要使用moment首先要进行moment的下载
1.打开终端进行下载

npm i moment 

2.进行当前页面的引入

import moment from 'moment'

下面是完整的代码(时间戳和标准时间都可以用这个方法进行转换):

<template>
  <h6>{{date}}</h6>
</template>

<script>
import moment from 'moment'
export default {
  data () {
    return {
      date: +new Date()
    }
  },
  created () {
    this.start()
  },
  methods: {
    start () {
      this.date = moment(this.date).format('YYYY-MM-DD HH:mm:ss')
    }
  }

}
</script>

<style>
</style>

还有一种方式是使用过滤器。
过滤器其实很简单可以简单的这么理解
格式: 需要处理的数据 | 过滤器
下面使用过滤器处理时间的代码

npm i moment
import moment from 'moment'

html代码

<h6>{{date | dateFilter}}</h6>

js代码

filters:{
	dateFilter(res){
		return moment(res).format('YYYY-MM-DD HH:mm:ss')
	}
}

这两种方式怎么处理都可以都能实现效果
在这里插入图片描述

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐