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