vue.js将时间戳换算成时间的方法:首先安装moment插件;然后在【main.js】文件中引入moment插件;最后直接引用dateFormat来转换时间戳即可。

本教程操作环境:windows10系统、vue2.9,本文适用于所有品牌的电脑。
推荐:《vue.js教程》
时间戳可以理解为过滤器的一种方式,日期格式的转换在项目中也经常遇到,今天我来总结项目中踩过的坑,以及解决方法。
时间戳转换日期格式有三种方法:
方式一
- 运行
cmd执行npm install moment --save或者yarn add moment命令,安装 moment 插件 - 在 main.js 文件中引入 moment 插件,并定义全局过滤器
3. 在后续组件中,如果需要转换时间戳,那么在直接引用 dateFormat 即可
方式二
- 直接在 main.js 文件中定义一个全局过滤器
Vue.filter('dateFormat', function(originVal) {
const dt = new Date(originVal)
const y = dt.getFullYear()
const m = (dt.getMonth() + 1 + '').padStart(2, '0')
const d = (dt.getDate() + '').padStart(2, '0')
const hh = (dt.getHours() + '').padStart(2, '0')
const mm = (dt.getMinutes() + '').padStart(2, '0')
const ss = (dt.getSeconds() + '').padStart(2, '0')
//时间格式年月日、时分秒 return `${y}-${m}-${d} ${hh}:${mm}:${ss}`})
- 后面需要的时候,直接使用 dateFormat 即可
方式三
HTML:
Js:
timestampToTime (time) {// 时间戳为10位需*1000,时间戳为13位的话不需乘1000
var date = new Date(time * 1000)
let y = date.getFullYear()
let MM = date.getMonth() + 1
MM = MM <link href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/markdown_views-10218d227c.css" rel="stylesheet"><link href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/style-6aa8c38f9a.css" rel="stylesheet"><blockquote><p>相关免费学习推荐:<a href="https://www.php.cn/course/list/17.html" target="_blank" textvalue="javascript">JavaScript</a>(视频)</p></blockquote>
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











