最近在做小程序的前端,碰到截取字符串,Laravel自带的时间储存很好用,精确存储了年月日 时分秒,但前端部分只需要年月日,后端处理的话会碰到有些情况下还是需要时分秒的情况。所以决定还是在前端做相应处理。
最后效果:created_at是处理后,updated_at是处理前。
让我们开始吧
最开始使用的是限定宽度,不做换行处理,然后处理文字溢出。
<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);
}
})
},
```
大功告成!