Vue中 使用 moment.js 进行日期时间格式化
传送门
Vue中 使用 moment.js 计算时间差值
Vue中 使用 moment.js 获取相关时间
安装插件:moment.js
npm install moment
format就是格式化函数，参数’YYYY-MM-DD HH:mm:ss’定义了返回日期的格式。
详情请看下图：
1 UTC(世界标准时间) 转 指定日期格式
2020-03-07T16:00:00.000Z 转 2020-03-08 00:00:00
<script>
export default {
methods:{
formatTime(){
var moment = require('moment');
let date = '2020-03-07T16:00:00.000Z'
let Ndate = moment(date).format('YYYY-MM-DD HH:mm:ss')
console.log(Ndate) // 2020-03-08 00:00:00
}
},
beforeMount(){
this.formatTime()
}
}
</script>
2 本地时间 转 UTC(世界标准时间)
2020-03-08 00:00:00 转 2020-03-07T16:00:00.000Z
<script>
export default {
methods:{
formatTime(){
var moment = require('moment');
let Ldate = "2020-03-08 00:00:00"
let Ndate = new Date(Ldate).toISOString()
console.log(Ndate) // 2020-03-07T16:00:00.000Z
}
},
beforeMount(){
this.formatTime()
}
}
</script>
3 UTC(世界标准时间) 转 GMT(格林威治时间)
2018-03-07T16:00:00.000Z 转 Thu Mar 08 2018 00:00:00 GMT+0800 (中国标准时间)
<script>
export default {
methods:{
formatTime(){
var moment = require('moment');
let date = '2018-03-07T16:00:00.000Z'
let localTime = moment.utc(date).toDate();
console.log(localTime) // Thu Mar 08 2018 00:00:00 GMT+0800 (中国标准时间)
}
},
beforeMount(){
this.formatTime()
}
}
</script>
4 GMT(格林威治时间) 转 UTC(世界标准时间)
Sun Mar 08 2020 00:00:00 GMT+0800 (中国标准时间) 转 2020-03-07T16:00:00.000Z
<script>
export default {
methods:{
formatTime(){
var moment = require('moment');
let Gdate = "Sun Mar 08 2020 00:00:00 GMT+0800 (中国标准时间)"
let Ndate = moment(Gdate).toISOString()
console.log(Ndate) // 2020-03-07T16:00:00.000Z
}
},
beforeMount(){
this.formatTime()
}
}
</script>
5 本地时间 转 GMT(格林威治时间)
2020-03-08 00:00:00 转 Sun Mar 08 2020 00:00:00 GMT+0800 (中国标准时间)
<script>
export default {
methods:{
formatTime(){
let Ldate = "2020-03-08 00:00:00"
let Ndate = new Date(Ldate)
console.log(Ndate) // Sun Mar 08 2020 00:00:00 GMT+0800 (中国标准时间)
}
},
beforeMount(){
this.formatTime()
}
}
</script>
6 GMT(格林威治时间) 转 本地时间
Sun Mar 08 2020 00:00:00 GMT+0800 (中国标准时间) 转 2020-03-08 00:00:00
<script>
export default {
methods:{
formatTime(){
var moment = require('moment');
let Gdate = "Sun Mar 08 2020 00:00:00 GMT+0800 (中国标准时间)"
let Ndate = moment(Gdate).format('YYYY-MM-DD HH:mm:ss')
console.log(Ndate) // 2020-03-08 00:00:00
}
},
beforeMount(){
this.formatTime()
}
}
</script>
7 1970-1-1 00:00:00 UTC 到日期对象的毫秒数 转 本地时间
1610180784000 转 2021-01-09 16:26:24
export default {
methods:{
formatTime(){
var moment = require('moment');
let time = new Date(); // Sat Jan 09 2021 16:26:24 GMT+0800 (中国标准时间)
let date = Date.parse(time); // 1610180784000
let Ndate = moment(date).format('YYYY-MM-DD HH:mm:ss');
console.log(Ndate); // 2021-01-09 16:26:24
}
},
beforeMount(){
this.formatTime()
},
};
</script>
8 本地时间 转 1970-1-1 00:00:00 UTC 到日期对象的毫秒数
2021-01-09 16:26:24 转 1610180784
<script>
export default {
methods:{
formatTime(){
var moment = require('moment');
let time = '2021-01-09 16:26:24';
let Ndate = moment(time).unix();
console.log(Ndate); // 1610180784 注意：转化出来的时间单位为s,并非毫秒（ms）
}
},
beforeMount(){
this.formatTime()
},
};
</script>