vue 中用filter 格式化时间

1,878 阅读1分钟

在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>