不使用过滤器如何实现vue3时间戳转换

技术不使用过滤器该怎样实现vue3时间戳转换这期内容当中小编将会给大家带来有关不使用过滤器该怎样实现vue3时间戳转换,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。 vue2转换时间戳

本期,边肖将为您带来关于如何在不使用过滤器的情况下实现vue3时间戳转换的信息。文章内容丰富,从专业角度进行分析和描述。希望你看完这篇文章能有所收获。

Vue2在转换时间戳时通常使用过滤器。vue3之后,vue3移除过滤器,并且不能再使用它们。官方推荐使用方法或者计算属性。

下面写了一个Time.ts的文件,可以针对时间戳进行转换:

classTime{

//格式化时间

public format time(time : number){ 0

letdate=newDate(时间* 1000);

let year=date . getfullyear();

let month=date . getmonth()1;

letday=date . getdate();

lethour=date . gethours();

letminute=date . getminutes();

letsecond=date . getseconds();

returnyear '-' month.toString()。padStart(2,' 0 ')'-day . tostring()。padStart(2,' 0 ')

' ' hour.toString()。padStart(2,' 0') ': '分钟. toString()。padStart(2,' 0 ')

:' second.toString()。padStart(2,' 0 ');

}

}

const time=NewTiME();

exportdefaulttime如果是这样,只需在模板中调用这个方法,并传入相应的时间戳。

{{time.formatTime(时间戳)} }显示的效果:

2021-05-17 10:59:59

目前只能转换成上述格式。如果您需要更多的格式,可以在formatTime中添加第二个参数来指示格式化的时间格式,然后可以对其进行相应的转换。

这就是如何在不使用上面边肖共享的过滤器的情况下实现vue3时间戳的转换。如果你恰好也有类似的疑惑,可以参考上面的分析来理解。想了解更多,请关注行业信息渠道。

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/151266.html

(0)

相关推荐

  • 交管网12123,交管12123到底是什么东西

    技术交管网12123,交管12123到底是什么东西交管12123是一款手机APP,该平台开通后,群众实名注册开通账号后,可享受互联网交通安全综合服务管理平台提供的驾考和车检预约交管网12123、办牌办证、违法处理和罚款缴

    生活 2021年10月30日
  • 怎么破解手机图案锁,手机图案解锁怎么强制解锁

    技术怎么破解手机图案锁,手机图案解锁怎么强制解锁解锁方法怎么破解手机图案锁:方案一:双清就可以。完全关机,卸下电池再装上。按住音量下+电源键开机,进入recovery 界面,找到wipe data/factory res

    生活 2021年10月20日
  • Redis的QPS浮动是多少

    技术Redis的QPS浮动是多少本篇内容主要讲解“Redis的QPS浮动是多少”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Redis的QPS浮动是多少”吧!测试环境配置Ub

    攻略 2021年12月3日
  • 如何理解面向领域的微服务架构

    技术如何理解面向领域的微服务架构本篇内容主要讲解“如何理解面向领域的微服务架构”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“如何理解面向领域的微服务架构”吧!什么是微服务微服

    攻略 2021年10月23日
  • web3.js 和合约交互(web3.js 监控一个合约所有事件)

    技术如何解析web3.js调用智能合约如何解析web3.js调用智能合约,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。小编将用web3.js

    攻略 2021年12月14日
  • 如何解决Hibernate批量更新问题

    技术如何解决Hibernate批量更新问题这篇文章主要介绍了如何解决Hibernate批量更新问题,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。对于Hib

    攻略 2021年12月8日