1.下载
npm install moment
在main.js里全局引入
import moment from 'moment'
// 然后写全局过滤器
Vue.filter('dataFormat', function (time, format) {
// 格式化时间, 拿到时间
if(time){
return moment(time).format(format)
}
})
使用方法(在页面中)
<span> {{ "要格式化的时间" | dataFormat("YYYY-MM-DD hh:mm:ss") }}</span>
在script中
let filters=this.$root.$options.filters
let Timer= filters.dataFormat("要格式化的时间",'YYYY-MM-DD')
element中这么用
//template中
<el-table-column property="issueDate" :formatter="formatTime" abel="日期" width="150" </el-table-column>
//script封装一个方法
formatTime (row, column) {
const date = new Date(row[column.property])
if(!date){
return ''
}
let filters=this.$root.$options.filters
return filters.dataFormat(date,'YYYY-MM-DD')
}