微信小程序-截取时间字符串(显示年月日)

本文最后修改于 144 天前,部分内容可能已经过时!

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

最后效果:created_at是处理后,updated_at是处理前。
QQ截图20190621112210.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);
    }
  })
  },

大功告成!

Tags:none
上一篇
下一篇

添加新评论