安装
npm install moment
导入在要使用的组件里
import moment from "moment";
使用
export default {
data() {
return {
nowDate:new Date().getTime()// 获取时间戳
}
},
created(){
// 转换时间格式年月日时分秒
this.nowDate = moment(this.nowDate).format('YYYY-MM-DD HH:mm')
}
}
或者直接在代码里使用也可以
<div>{{moment(nowDateTime).format('YYYY-MM-DD HH:mm:ss')}}</div>
// 要在data里面定义
data() {
return {
moment
}
},
或者使用过滤器
<div>{{ nowDateTime | formatTime }}</div>
filters: {
formatTime(value) {
return moment(value).format("YYYY-MM-DD HH:mm:ss");
}
},
或者在全局过滤器使用,之后在所有组件都可以调用了
Vue.filter('dateFormat', function (daraStr, pattern = 'YYYY-MM-DD HH:mm:ss') {
return moment(daraStr).format(pattern)
})