添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
相关文章推荐
踏实的紫菜汤  ·  Marshal.FreeHGlobal(In ...·  1 年前    · 
发财的李子  ·  pytorch 分布式 - 知乎·  1 年前    · 
咆哮的馒头  ·  js散度 - OSCHINA - ...·  1 年前    · 

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)