在vue项目中先安装moment 插件 (插件还是非常好的)
npm i moment --save
<template>
<div>
<p>格式化日期</p> <p>{{time | timeFormat}}</p>
<p>{{time | timeFormat('YYYY-MM-DD')}}</p>
<p>{{time | timeFormat('HH:mm:ss')}}</p> </div>
</template>
<script>
import moment from 'moment'
export default {
name: "LKFilters",
data() {
return {
time: new Date()
}
},
mounted() {
setInterval(() => {
this.time = new Date()
},1000) },
//局部过滤器
filters: {
timeFormat(value,format='YYYY-MM-DD HH:mm:ss') {
return moment(value).format(format)
}
}
}
</script>
<style scoped>
</style>