vue时间格式总结以及转换方法详解

前言

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

一、获取当前时间

先看效果：

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

Ⅱ.格式：标准时间

Ⅲ.格式：时间戳

二、时间格式之间的转换

效果：

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

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

Ⅲ.年-月-日 时-分-秒格式转换成时间戳

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

 那下面我们来检测一下：

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

补充：vue中将任意格式的日期转换为年月日形式（yyyy-MM-dd）

time.js

export const formatDateTime = () => { let date = new Date(); let timeStr = date.getFullYear() + '-'; timeStr += date.getMonth() + 1 + '-'; timeStr += date.getDate(); return timeStr; } 

页面中使用

import { formatDateTime } from './time' mounted() {   console.log('当前时间：'+ formatDateTime(new Date().getTime()))      }  

总结

到此这篇关于vue时间格式总结以及转换的文章就介绍到这了,更多相关vue时间格式转换内容请搜索0133技术站以前的文章或继续浏览下面的相关文章希望大家以后多多支持0133技术站！