Vue中 使用 moment.js 进行日期时间格式化
安装插件:moment.jsnpm install moment1. UTC(世界标准时间)转指定日期格式2020-03-07T16:00:00.000Z转2020-03-08 00:00:00<script>export default {methods:{formatTime(){var moment = ...
·
传送门
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');
const Ldate = "2020-03-08 00:00:00"
// 方法1:可能遇到在 iOS 上无法渲染组件的问题,请确认在创建 Date 对象时没有使用new Date('2020-01-01')这样的写法,iOS 不支持以中划线分隔的日期格式,正确写法是new Date('2020/01/01')。
// const Ndate = new Date(Ldate).toISOString();
// 方法2:(推荐)
const Ndate = moment(Ldate).utc().format();
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 1610180784000 *
<script>
export default {
methods:{
formatTime(){
const moment = require('moment');
const time = '2021-01-09 16:26:24';
const secondTime = moment(time).unix(); // 秒(s)
const millisecondTime = moment(time).valueOf(); // 毫秒(ms)
console.log(secondTime,millisecondTime); // 1610180784 1610180784000
}
},
mounted(){
this.formatTime()
},
};
</script>
更多推荐
已为社区贡献40条内容
所有评论(0)