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

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

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

首先把下面的代码放到你的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