vue使用moment将时间戳转为标准日期时间格式的方法
专为编程打造，自动写代码机器人，免费开通
本篇文章和大家了解一下vue使用moment将时间戳转为标准日期时间格式的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
使用moment将时间戳转为标准日期时间格式
vue网页中显示数据库中datetime类型数据时，没有显示为年-月-日 时：分：秒的标准格式，而是显示为时间戳，与我们的要求不一致。
我们需要使用moment进行转换
1.安装moment
npm install moment --save
2.在需要格式转换的vue页面中引入moment
import moment from 'moment'
3.在 export default中添加filter过滤器和时间转换函数
filters:{
dateForm:function (el) {
return moment(el).format('YYYY-MM-DD HH:mm:ss');
}
}
4.在template模板中使用
<span>{{scope.row.time|dateForm}}</span>
即在变量名后加上格式转换函数名
这时，网页中显示为标准日期时间格式了
将时间戳转换为日期格式：moment、new Date（）
1.new Date()方式
获取当前时间的时间戳：
Date.now() //=>1672974684470
将时间戳转换为日期时间：
new Date(1672974684470) //=>Fri Jan 06 2023 11:11:24 GMT+0800 (中国标准时间)
注意：时间戳标准是以毫秒为单位的，所以一共有13位，如果位数只有10位，说明它是以秒为单位的。此时要把它转成毫秒单位再进行日期转换，不然时间日期就不对。
获取年份：
new Date(1672974684470).getFullYear()//=>2023
获取月份：
new Date(1672974684470).getMonth()//=>0
月份是从0开始计的，1月份就是0；
获取日期：
new Date(1672974684470).getDate()//=>6
获取时间戳是星期几：
new Date(1672974684470).getDay()//=>5
获取小时：getHours()、获取分钟：getMinutes()
2. moment函数方式
moment：日期格式化函数
在vue项目中使用这个函数的步骤：
下载moment模块：
npm i --save moment --legacy-peer-deps
引入模块：
import moment from 'moment'
最基本的用法：
//moment().format():格式化当前的时间 console.log(moment().format())//=>2023-01-06T13:21:11+08:00
传参数：
moment()和format()里可以通过传参数来设置如何格式化时间：
详情见网址：http://momentjs.cn/
常见的“yyyy-mm-dd”格式：
console.log(moment().format('YYYY-MM-DD'))//=>2023-01-06
将时间戳转换为日期格式：
console.log(moment(1672974684470).format('YYYY-MM-DD'))//=>2023-01-06
3.配合过滤器fliter使用
<div class="grey-text">{{filmInfo.premiereAt | dateFilter}}上映</div>
import Vue from 'vue'
import moment from 'moment'
Vue.filter('dateFilter', (data) => {
return moment(data * 1000).format('YYYY-MM-DD')
})//乘以1000的原因是，后端给的时间戳是以秒为单位的，在这里换算成毫秒
变换之前的时间戳效果：（后端给的数据是时间戳）
1671148800 上映
变换后的日期效果：
2022-12-16 上映
以上就是vue使用moment将时间戳转为标准日期时间格式的方法的简略介绍，当然详细使用上面的不同还得要大家自己使用过才领会。如果想了解更多，欢迎关注蜗牛博客行业资讯频道哦！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：niceseo6@gmail.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
版权声明：如无特殊标注，文章均为本站原创，转载时请以链接形式注明文章出处。
评论