本期,边肖将为您带来关于如何在不使用过滤器的情况下实现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