欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Vue全局处理格式化时间戳 “/Date(1603892082484)/“

程序员文章站 2022-06-23 08:39:55
最近做的一个项目,后台返回的时间是以时间戳的格式返回的。就是这种因为有很多页面都需要处理这种时间格式,所以就做了一个全局的方法来处理。首先把下面的代码放到你的Vue项目里面的main.js里// 将后台返回的 /Date(1603892082484)/ 这种时间数据格式化成时分秒Vue.prototype.$praseDate = function(date){ var dt = new Date(parseInt(date.replace(/.*Date\([^\d]*(\d+)[^\d]*...

最近做的一个项目,后台返回的时间是以时间戳的格式返回的。就是这种

因为有很多页面都需要处理这种时间格式,所以就做了一个全局的方法来处理。

首先把下面的代码放到你的Vue项目里面的main.js里

// 将后台返回的 /Date(1603892082484)/ 这种时间数据格式化成时分秒
Vue.prototype.$praseDate = function(date){
 	 var dt = new Date(parseInt(date.replace(/.*Date\([^\d]*(\d+)[^\d]*\).*/, '$1')));
     return dt.getFullYear() + "-" + (dt.getMonth() + 1) + "-" + dt.getDate()+" "+dt.getHours()+":"+dt.getMinutes()+":"+dt.getSeconds();
}

这一段代码parseInt(date.replace(/.*Date\([^\d]*(\d+)[^\d]*\).*/, '$1'))就是把后台返回的【/Date(1603892082484)/】这种数据去掉多余的字符。为了只处理【1603892082484】时间戳的具体时间,如果你们后台返回的只是数字的话,那么就不需要用replace方法处理数据了。

接下来就是如何调用了

①在视图里面如何直接处理字符

<div>{{$praseDate(你要处理的字符)}}</div>

例如:

{{$praseDate(item.InStockStatusDate)}}

②在js里面处理

var newDate = this.$praseDate(要处理的数据)

本文地址:https://blog.csdn.net/qq_38541936/article/details/109363654

相关标签: Vue js