vue页面接收后端传递过来日期进行截取显示
vue页面接收后端传递过来日期进行截取显示
在前后端分离的开发中,有时遇到后端传递的日期数据不能直接显示在前端页面,需要进行处理(只截取空格前内容)的情形,下面以两种日期格式为例:
1)月份规范情景
解决方案:可以直接使用substring(0, 10),截取后结果:
2)月份不规范情景
解决方案:先根据indexOf()方法获得指定字符串(在这里是空格)的位置,然后使用substring()方法从字符串0位置开始截取至空格前面的字符串。
注:如果是vue页面的话,可以在过滤器中使用,如下为较完整代码:
<template slot-scope="scope">
{{ scope.row.time | timeFilter }}
</template>
filters: {
timeFilter (value) {
let loc = value.indexOf(' ')
return value.substring(0, loc)
}
}
参考页面: