第一、安装moment
npm install moment --save
第二、在main.js引入moment,并且设一个全局的过滤器
import Vue
from 'vue'
import App
from './App.vue'
import moment
from 'moment'
import './assets/css/bootstrap.min.css'
import './assets/css/index.css'
Vue
.config
.productionTip
= false
Vue
.filter('dateFormat', function (dataStr
, pattern
= 'YYYY-MM-DD HH:mm:ss') {
return moment(dataStr
).format(pattern
)
})
new Vue({
render
: h
=> h(App
)
}).$mount('#app')
第三、在view上使用过滤器
<template
>
<div
>
<div
class="list" v
-for="content of contents" :key
="content.id">
{{content
.updatedAt
| dateFormat('YYYY-MM-DD HH:mm:ss')}}
</div
>
</div
>
</template
>
转载请注明原文地址:https://tech.qufami.com/read-14339.html