vue中使用moment进行时间处理
在vue中要使用moment首先要进行moment的下载1.打开终端进行下载npm i moment2.进行当前页面的引入import moment from 'moment'下面是完整的代码(时间戳和标准时间都可以用这个方法进行转换):<template><h6>{{date}}</h6></template><...
·
在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')
}
}
这两种方式怎么处理都可以都能实现效果
更多推荐
已为社区贡献1条内容
所有评论(0)