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)