耀极客论坛

 找回密码
 立即注册
查看: 607|回复: 0

vue3时间戳转换(不使用过滤器)

[复制链接]

193

主题

176

帖子

276

积分

中级会员

Rank: 3Rank: 3

积分
276
发表于 2022-5-9 00:27:14 | 显示全部楼层 |阅读模式
  这篇文章主要介绍了vue3时间戳转换, vue2转换时间戳的时候一般使用过滤器的方式,到vue3之后,vue3移除了过滤器,就不能再用了,官方是推荐使用方法或者计算属性的方式。下面我们来看看详细介绍吧‹/P>‹P>
  vue2转换时间戳的时候一般使用过滤器的方式,到vue3之后,vue3移除了过滤器,就不能再用了,官方是推荐使用方法或者计算属性的方式。
  下面写了一个Time.ts的文件,可以针对时间戳进行转换:
  1. class Time {
  2.     // 格式化时间
  3.     public formatTime(time: number) {
  4.         let date = new Date(time * 1000);
  5.         let year = date.getFullYear();
  6.         let month = date.getMonth() + 1;
  7.         let day = date.getDate();
  8.         let hour = date.getHours();
  9.         let minute = date.getMinutes();
  10.         let second = date.getSeconds();
  11.         return year + "-" + month.toString().padStart(2, "0") + "-" + day.toString().padStart(2, "0")
  12.             + " " + hour.toString().padStart(2, "0") + ":" + minute.toString().padStart(2, "0")
  13.             + ":" + second.toString().padStart(2, "0");
  14.     }
  15. }
  16. const time = new Time();
  17. export default time;
复制代码
  使用的话,只要在模板调用这个方法,然后传入对应的时间戳就可以了。
  1. {{ time.formatTime(timestamp) }}
复制代码
  显示的效果:
  1. 2021-05-17 10:59:59
复制代码
  目前只能转换成如上格式,如果需要更多的格式,可以在formatTime增加第2个参数,表示格式化的时间格式,然后依着转化就行了。
  到此这篇关于vue3时间戳转换(不使用过滤器)的文章就介绍到这了,更多相关vue3时间戳转换内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|耀极客论坛 ( 粤ICP备2022052845号-2 )|网站地图

GMT+8, 2022-11-28 19:47 , Processed in 0.074964 second(s), 20 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表