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

相关推荐

  • Java正则表达式相关知识点有哪些

    技术Java正则表达式相关知识点有哪些这篇文章主要介绍“Java正则表达式相关知识点有哪些”,在日常操作中,相信很多人在Java正则表达式相关知识点有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望

    攻略 2021年11月20日
  • elasticsearch推荐书籍(elasticsearch统计有多少字数)

    技术将唐诗三百首写入 Elasticsearch 会发生什么本篇文章给大家分享的是有关将唐诗三百首写入 Elasticsearch 会发生什么,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,

    攻略 2021年12月16日
  • 汽车灯光标志,如何快速诊断汽车灯光故障

    技术汽车灯光标志,如何快速诊断汽车灯光故障快速诊断汽车灯光故障1)检查灯泡:通常目测的方法进行检查,如果灯泡黑蒙蒙或灯丝熔断,应更 换新灯泡汽车灯光标志。2)检查熔丝:如果熔丝频繁熔断或一开前照灯就熔断,应排除灯光线路短

    生活 2021年10月23日
  • 如何分析OpenLayers3加载矢量地图源的问题

    技术如何解析OpenLayers 3加载矢量地图源的问题今天就跟大家聊聊有关如何解析OpenLayers 3加载矢量地图源的问题,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可

    攻略 2021年12月23日
  • Animate 2020 安装教程(附安装包资源)

    技术Animate 2020 安装教程(附安装包资源) Animate 2020 安装教程(附安装包资源)原文链接:https://www.gujin.store/tools/package/an-20

    礼包 2021年10月26日
  • GWAS分析中协变量的处理是怎样的

    技术GWAS分析中协变量的处理是怎样的本篇文章为大家展示了GWAS分析中协变量的处理是怎样的,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。1. 背景在回归分析时,有时候我们需要知

    攻略 2021年12月10日