vue框架中我们常常用el-date-picker标签来显示和选择时间，那么，常见的时间的格式包含年-月-日（yyyy-MM-dd）、年-月-日 时-分-秒（yyyy-MM-dd HH-mm-ss）、标准时间格式以及时间戳。那么今天我们就来总结一下常用的获取方法和它们之间的转换方法。

一、获取当前时间。

先看效果：

Ⅰ.格式：年-月-日 时-分-秒（yyyy-MM-dd HH-mm-ss）

vue 时间格式常见应用
获取当前时间（格式：年月日时分秒）：{{time}}
export default {data() {return {time:''}},created() {this.getNowTime();},methods: {getNowTime(){const yy = new Date().getFullYear()const MM = (new Date().getMonth() + 1) 
vue 时间格式常见应用
获取当前标准时间（格式：年月日时分秒）：{{standard_time}}
export default {data() {return {standard_time:''}},created() {this.getGMTtime();},methods: {getGMTtime(){this.standard_time =new Date();}}}

Ⅲ.格式：时间戳

vue 时间格式常见应用
获取当前时间的时间戳：{{current_timestamp}}
export default {data() {return {current_timestamp:''}},created() {this.getnowtimestamp();},methods: {getnowtimestamp(){var date = new Date();this.current_timestamp = Date.parse(date)}}}

二、时间格式之间的转换

效果：

Ⅰ.年-月-日 时-分-秒格式转换成标准时间

 
时间格式之间的转换
1.年月日时分秒格式转换成标准时间
假如将"2022-08-17 09:54:48"转换成标准时间格式，则标准格式为：
{{conversion_time}}
export default {data() {return {conversion_time: new Date('2022-08-17 09:54:48')}}}

Ⅱ.标准时间转换成年-月-日 时-分-秒格式

时间格式之间的转换
2.标准时间转换成年月日时分秒格式
假如将"Wed Aug 17 2022 09:54:48 GMT+0800 (中国标准时间)"转换成年月日时分秒格式，则写为：
{{conversion_time1}}
export default {data() {return {conversion_time1:'',}},created() {this.gettime();},methods: {gettime(){var date = new Date('Wed Aug 17 2022 09:54:48 GMT+0800 (中国标准时间)');var y = date.getFullYear();var m = date.getMonth() + 1;m = m 
3.年月日时分秒格式转换成时间戳
假如将"2022-08-17 09:54:48"转换成时间戳，则写为：
{{conversion_time2}}
export default {data() {return {conversion_time2:Date.parse('2022-08-17 09:54:48')}}}

这时你是不是有点困惑怎么来判断转换的时间戳是否正确呢，我们可以通过在线的转换工具来转换检测，转换工具网址：时间戳(Unix timestamp)转换工具 – 在线工具

那下面我们来检测一下：

所以转换的是没有问题的！