【微信小程序】截取时间字符串（显示年月日）

最近在做小程序的前端，碰到截取字符串，Laravel自带的时间储存很好用，精确存储了年月日 时分秒，但前端部分只需要年月日，后端处理的话会碰到有些情况下还是需要时分秒的情况。所以决定还是在前端做相应处理。

最后效果：created_at是处理后,updated_at是处理前。

image.png

让我们开始吧

最开始使用的是限定宽度，不做换行处理，然后处理文字溢出。
<text style="width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">成立时间:{{fleet.created_at}}</text>

可以用，但没必要。

完全没有考虑到不同手机分辨率不同的问题
于是就会导致有些完美展现，有些出来时间。这并不是一个很好的处理方法，查阅各种资料后：

学会利用 substring(0, 10)

假设数据不是数组

     //车队信息开始展示
 getIndexData:function(){
     wx.request({
       url: api.IndexUrl,
       success:res =>{
         let fleets=res.data.fleets; //获取数据
           fleet.created_at=fleet.created_at.substring(0,10);  //截取年月日字段
         this.setData({
           fleets: res.data.fleets
         });
         console.log(this.data.fleets);
       }
     })
 },

   ```
### 假设是数组，利用forEach

   ```
     //车队信息开始展示
 getIndexData:function(){
     wx.request({
       url: api.IndexUrl,
       success:res =>{
         let fleets=res.data.fleets; //获取数据
         fleets.forEach((fleet)=>{    //循环数组或集合
           fleet.created_at=fleet.created_at.substring(0,10);  //截取年月日字段
         })
         this.setData({
           fleets: res.data.fleets
         });
         console.log(this.data.fleets);
       }
     })
 },

   ```


大功告成！