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

相关推荐

  • 前端三大框架

    技术前端三大框架 前端三大框架前台的三个框架是指:1.Angular,是一款前端JavaScriptMVC框架来构建用户界面;2.React,JavaScript框架用于构建用户界面;3.Vue,是一套

    礼包 2021年10月28日
  • 精益求精是什么意思,精益求精的益是什么意思

    技术精益求精是什么意思,精益求精的益是什么意思精益求精精益求精是什么意思,比喻已经很好了,还要求更好。《论语·学而》“《诗》云:如切如磋,如琢如磨” 宋 朱熹 集注:“言治骨角者,既切之而复磋之;治玉石者,既琢之而复磨之

    生活 2021年10月20日
  • 如何使用OpenCV+Python去除手机拍摄文本底色

    技术如何使用OpenCV+Python去除手机拍摄文本底色本篇文章为大家展示了如何使用OpenCV+Python去除手机拍摄文本底色,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

    攻略 2021年11月2日
  • 关于应用程序连接Oracle 12C ORA-01017问题是怎么解决的

    技术关于应用程序连接Oracle 12C ORA-01017问题是怎么解决的这篇文章将为大家详细讲解有关关于应用程序连接Oracle 12C ORA-01017问题是怎么解决的,文章内容质量较高,因此小编分享给大家做个参

    攻略 2021年11月30日
  • MySQL 5.5中SHOW PROFILE、SHOW PROFILES语句怎么用

    技术MySQL 5.5中SHOW PROFILE、SHOW PROFILES语句怎么用这篇文章将为大家详细讲解有关MySQL 5.5中SHOW PROFILE、SHOW PROFILES语句怎么用,小编觉得挺实用的,因此

    攻略 2021年10月30日
  • Java 实战中精品养老院管理系统的实现流程是怎样的

    技术Java 实战中精品养老院管理系统的实现流程是怎样的这期内容当中小编将会给大家带来有关Java 实战中精品养老院管理系统的实现流程是怎样的,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收

    攻略 2021年11月25日