不使用过滤器如何实现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)

相关推荐

  • flex是不是css属性

    技术flex是不是css属性这篇文章主要介绍了flex是不是css属性,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 flex

    攻略 2021年11月18日
  • 在SQL Server中如何查询资料库的TABLE数量与名称的sql语句

    技术在SQL Server中如何查询资料库的TABLE数量与名称的sql语句今天就跟大家聊聊有关在SQL Server中如何查询资料库的TABLE数量与名称的sql语句,可能很多人都不太了解,为了让大家更加了解,小编给大

    攻略 2021年12月1日
  • 我会游泳英语怎么说,我要去游泳用英语怎么说

    技术我会游泳英语怎么说,我要去游泳用英语怎么说现在时我会游泳英语怎么说: i go to swim .口语化一点: Lets go swimming! 去游泳吧!
    过去时:I went to swim yesterday

    生活 2021年10月27日
  • 香港多IP服务器、香港站群服务器为什么有利于SEO

    技术香港多IP服务器、香港站群服务器为什么有利于SEO网站所有者花费大量时间和金钱在搜索引擎的第一页上展示他们极具竞争力的网站。优化页面以使搜索引擎更容易阅读网站、制作SEO兼容的内容、从其他优质网站获取反向链接、发布促

    礼包 2021年11月1日
  • PHP BnbTool开发包有哪些特性

    技术PHP BnbTool开发包有哪些特性本篇内容介绍了“PHP BnbTool开发包有哪些特性”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔

    攻略 2021年11月26日
  • Js的基本数据类型有哪些

    技术Js的基本数据类型有哪些本篇内容介绍了“Js的基本数据类型有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!  在

    攻略 2021年11月5日