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)