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)
    }
  }

参考页面:

js如何截取某个字符前面所有的字符串-百度经验 (baidu.com)

vue截取后端传来的数组数据和时间 - 道阻且长i - 博客园 (cnblogs.com)

posted @ 2022-01-18 10:47  悟知清风  阅读(1566)  评论(0编辑  收藏  举报