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

相关推荐

  • qq靓号注册,怎样免费注册五位数的qq号

    技术qq靓号注册,怎样免费注册五位数的qq号现在五位数的QQ号已经无法免费申请,只能申请到10位数的QQ号。想要10位数以下的QQ号,只能通过购买QQ靓号获得。申请QQ靓号方法:1qq靓号注册、选择QQ号码;先登录到QQ

    生活 2021年10月22日
  • HDFS的常用命令操作

    技术HDFS的常用命令操作 HDFS的常用命令操作HDFS的常用命令操作1、基本语法2、常用命令操作#######################1、基本语法bin/hadoop fs 具体命令或bin

    礼包 2021年12月3日
  • Nginx怎么实现限流

    技术Nginx怎么实现限流这篇文章主要为大家展示了“Nginx怎么实现限流”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Nginx怎么实现限流”这篇文章吧。Nginx 限流N

    攻略 2021年11月24日
  • TestComplete中如何使用VBScript脚本实现对容器控件中子对象的遍历

    技术TestComplete中如何使用VBScript脚本实现对容器控件中子对象的遍历这篇文章给大家分享的是有关TestComplete中如何使用VBScript脚本实现对容器控件中子对象的遍历的内容。小编觉得挺实用的,

    攻略 2021年11月1日
  • Python编程中的if __name__ == 'main' 的作用和原理是什么

    技术Python编程中的if __name__ == main 的作用和原理是什么这篇文章主要介绍“Python编程中的if __name__ == main 的作用和原理是什么”,在日常操作中,相信很多人在Python

    攻略 2021年10月26日
  • python预计运行时间怎么做(python对时间和日期的处理)

    技术python如何对日期时间进行处理这篇文章给大家分享的是有关python如何对日期时间进行处理的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。开发中常用的日期操作有哪些?获取当前时间获取系统

    攻略 2021年12月19日