vue.js将时间戳换算成时间的方法

　　介绍

小编给大家分享一下vue.js将时间戳换算成时间的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

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

时间戳可以理解为过滤器的一种方式,日期格式的转换在项目中也经常遇到,今天我来总结项目中踩过的坑,以及解决方法。

时间戳转换日期格式有三种方法:

方式一

    <李>运行<代码> cmd> npm安装的时刻——保存> 纱添加时刻> <李>在主要。js文件中引入时刻插件,并定义全局过滤器
    vue.js将时间戳换算成时间的方法”> 3。在后续组件中,如果需要转换时间戳,那么在直接引用dateFormat即可<br/> <img src=

方式二

    <李>直接在主。js文件中定义一个全局过滤器
Vue.filter (& # 39; dateformat # 39;函数(originVal) { 　　const dt=新日期(originVal) 　　const y=dt.getFullYear () 　　const m=(dt.getMonth () + 1 + & # 39; & # 39;)。padStart (2, & # 39; 0 & # 39;) 　　const d=(dt.getDate () + & # 39; & # 39;)。padStart (2, & # 39; 0 & # 39;) 　　const hh=(dt.getHours () + & # 39; & # 39;)。padStart (2, & # 39; 0 & # 39;) 　　const毫米=(dt.getMinutes () + & # 39; & # 39;)。padStart (2, & # 39; 0 & # 39;) 　　const党卫军=(dt.getSeconds () + & # 39; & # 39;)。padStart (2, & # 39; 0 & # 39;) 　　,//时间格式年月日时分秒返回“$ {y} - {m} - {d}美元$ {hh}: $ {mm}: ${党卫军}'})
    <李>后面需要的时候,直接使用dateFormat即可
    vue。js将时间戳换算成时间的方法

方式三

<代码> HTML:
vue。js将时间戳换算成时间的方法”> <代码> js: </代码> </p> <pre类=八?js;工具栏:假;”> timestampToTime(时间){//时间戳为10位需* 1000,时间戳为13位的话不需乘1000 　　var=new日期(时间* 1000) 　　让y=date.getFullYear () 　　让毫米=date.getMonth () + 1 　　毫米=MM & lt;10 ?(& # 39;0 & # 39;+ MM): MM让d=date.getDate () 　　d=d & lt;10 ?(& # 39;0 & # 39;+ d): d让h=date.getHours () 　　h=h & lt;10 ?(& # 39;0 & # 39;+ h): h让m=date.getMinutes () 　　m=m & lt;10 ?(& # 39;0 & # 39;+ m): m让s=date.getSeconds () 　　s=s & lt;10 ?(& # 39;0 & # 39;s + s):返回y + & # 39;年& # 39;+ MM + & # 39;月& # 39;+ d + & # 39;日& # 39;}</pre> <p class=以上是“vue.js将时间戳换算成时间的方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

vue.js将时间戳换算成时间的方法