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)
参考页面:
js如何截取某个字符前面所有的字符串-百度经验 (baidu.com)
vue截取后端传来的数组数据和时间 - 道阻且长i - 博客园 (cnblogs.com)