Vue毫秒(秒)数值与日期转换实现方式
作者：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>总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。