前言

在vue中，從后臺獲取數(shù)據(jù)，如果不是sql語句（類似：select convert(char(10),GetDate(),120) as Date）獲取的數(shù)據(jù)，在前臺就會(huì)出現(xiàn)如下情況：

解決方法：

1. 使用自定義函數(shù)格式化時(shí)間數(shù)據(jù)：

（1）年月日： 

       var timearr = time.replace(" ", ":").replace(/\:/g, "-").split("-");
       var timestr = timearr[0]+"年"+ Number(timearr[1])+ "月" + timearr[2]+"日";

（2）時(shí)分

       var timearr = time.replace(" ", ":").replace(/\:/g, "-").split("-");
       var timestr = ""+timearr[3]+ " ：" + timearr[4]+" ";

完整時(shí)間截取的方法：

     getPartTime(val){
          // let ti = val.split(' ');
          var timearr = val.replace(" ", ":").replace(/:/g, "-").split("-");
          var timestr = ""+ Number(timearr[1])+ "月" + timearr[2]+"日";
          // console.log(4444,val)
          return timestr;
     },

數(shù)據(jù)調(diào)用：

          <detail-list-item term="樓棟名稱">{{ item.buildingName }}</detail-list-item>
          <detail-list-item term="樓棟編號">{{ item.buildingNo }}</detail-list-item>
          <detail-list-item term="樓棟位置">{{ item.buildingAddress }}</detail-list-item>
          <detail-list-item term="樓棟總面積">{{ item.buildingArea }}</detail-list-item>
          <detail-list-item term="GPS經(jīng)度">{{ item.longitude }}</detail-list-item>
          <detail-list-item term="GPS緯度">{{ item.latitude }}</detail-list-item>
          <detail-list-item term="樓棟總層數(shù)">{{ item.floorCnt }}</detail-list-item>
          <detail-list-item term="包含公司數(shù)">{{ item.companyNumb }}</detail-list-item>
          <detail-list-item term="樓棟管家">{{ item.buildingSteward }}</detail-list-item>
          <detail-list-item term="建造時(shí)間">{{ getPartTime(item.buildingTime) }}</detail-list-item>

格式化后數(shù)據(jù)：

自定義函數(shù)方法的好處是任何地方都可以調(diào)用這個(gè)函數(shù)進(jìn)行數(shù)據(jù)格式化。

2. 利用substring函數(shù)截?。?/h3>

可以先使用console.log打印數(shù)據(jù)顯示數(shù)據(jù)是否符合要求：

    console.log(this.buildings[0].buildingTime.substring(0, 10))

完整截取代碼如下：

GetEnterpriseData(1).then(response => {
        this.enterprisedata = response.result
        this.buildings = this.enterprisedata[0].buildings
        // console.log(this.buildings[0].buildingTime.substring(0, 10))
        for (let i = 0; i < 10; i += 1) {
           this.buildings[i].buildingTime = this.buildings[i].buildingTime.substring(0, 10)
            console.log(this.buildings[i].buildingTime)
        }
        // console.log('qqqq', this.enterprisedata)
      })

 或者：

<detail-list-item term="樓棟管家">{{ item.buildingSteward }}</detail-list-item>
<detail-list-item term="建造時(shí)間" >{{ item.buildingTime.substring(0, 10) }}</detail-list-item>

截取后控制臺打印數(shù)據(jù)：

3. 利用left函數(shù)截取

LEFT(string，length)函數(shù)

從字符串string中，從第一個(gè)字符開始，自左向右，截取長度為length的子串。

舉個(gè)例子，string為 ‘ABCDEFG’，length為3，那么截取的子串就是’ABC’了。

4. 利用right函數(shù)截取

與上面函數(shù)類似，只是方向自右向左，例子同上，截取的子串就是’EFG’了。

總結(jié)

到此這篇關(guān)于vue中如何利用js函數(shù)截取時(shí)間的年月日時(shí)分秒的文章就介紹到這了,更多相關(guān)vue用js函數(shù)截取時(shí)間內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！