Vue毫秒(秒)数值与日期转换实现方式
更新时间：2026年05月15日 14:33:49 作者：Tiger_Paul
本文介绍了Vue将日期转换为毫秒或秒,以及将毫秒或秒转换为日期的方法,并通过实际代码展示如何在页面中调用这些转换函数,以上是个人经验总结,仅供参考
vue毫秒(秒)数值与日期转换
1、将当前日期转换为毫秒或秒
// 转换为毫秒 info.create_time = Date.parse(new Date()); // 转换为秒 info.create_time = (Date.parse(new Date())/1000);
2、将毫秒或秒转换为日期
// 全局时间过滤器，将秒数转换为yyyy-m-d hh:mm:ss格式
Vue.filter('dateFormat', function (originVal){
const dt = new Date(originVal * 1000)
const y = dt.getFullYear()
const m = (dt.getMonth() + 1 + '').padStart(2, '0')
const d = (dt.getDate() + '').padStart(2, '0')
const hh = (dt.getMonth() + '').padStart(2, '0')
const mm = (dt.getMinutes() + '').padStart(2, '0')
const ss = (dt.getSeconds() + '').padStart(2, '0')
return `${y}-${m}-${d}-${hh}:${mm}:${ss}`
})
// 将毫秒数转换为yyyy-m-d hh:mm:ss格式，与上相同，只需要改这一句
const dt = new Date(originVal)3、页面调用
<el-table-column prop="create_time" label="下单时间" width="200">
<template v-slot="scope">
{{scope.row.create_time | dateFormat}}
</template>
</el-table-column>总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
vue项目中图片选择路径位置static或assets的区别及说明
这篇文章主要介绍了vue项目中图片选择路径位置static或assets的区别及说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要介绍了详解Nuxt.js中使用Element-UI填坑，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
这篇文章主要介绍了关于this.$refs获取不到dom的可能原因及解决方法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-11-11
这篇文章主要为大家详细介绍了vue实现列表无缝循环滚动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
将 unix 时间戳转换为日期时间和使用日期时间转换为 unix 时间戳,在项目中常常用到,其中vue中的moment库很是方便,下面小编就来为大家讲讲具体使用吧2023-09-09
postcss一种对css编译的工具，类似babel对js的处理，postcss只是一个工具，本身不会对css一顿操作，它通过插件实现功能，autoprefixer就是其一2023-02-02
这篇文章主要介绍了Vue2.x 项目性能优化之代码优化的实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
这篇文章主要介绍了vue环境变量配置之process.env解读，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
这篇文章主要介绍了对vuex中store和$store的区别说明，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
vue3+vite中报错信息处理方法Error: Module “path“ has&nb
这篇文章主要介绍了vue3+vite中报错信息处理方法Error: Module “path“ has been externalized for browser compatibility...,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-03-03
最新评论