vue中如何利用js函数截取时间的年月日时分秒

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

vue中如何利用js函数截取时间的年月日时分秒

难遇你   2022-11-26 我要评论

前言

在vue中,从后台获取数据,如果不是sql语句(类似:select convert(char(10),GetDate(),120) as Date)获取的数据,在前台就会出现如下情况:

解决方法:

1. 使用自定义函数格式化时间数据:

(1)年月日: 

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

(2)时分

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

完整时间截取的方法:

     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;
     },

数据调用:

          <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经度">{{ item.longitude }}</detail-list-item>
          <detail-list-item term="GPS纬度">{{ item.latitude }}</detail-list-item>
          <detail-list-item term="楼栋总层数">{{ item.floorCnt }}</detail-list-item>
          <detail-list-item term="包含公司数">{{ item.companyNumb }}</detail-list-item>
          <detail-list-item term="楼栋管家">{{ item.buildingSteward }}</detail-list-item>
          <detail-list-item term="建造时间">{{ getPartTime(item.buildingTime) }}</detail-list-item>

格式化后数据:

自定义函数方法的好处是任何地方都可以调用这个函数进行数据格式化。

2. 利用substring函数截取:

可以先使用console.log打印数据显示数据是否符合要求:

    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="建造时间" >{{ item.buildingTime.substring(0, 10) }}</detail-list-item>

截取后控制台打印数据:

3. 利用left函数截取

LEFT(string,length)函数

从字符串string中,从第一个字符开始,自左向右,截取长度为length的子串。

举个例子,string为 ‘ABCDEFG’,length为3,那么截取的子串就是’ABC’了。

4. 利用right函数截取

与上面函数类似,只是方向自右向左,例子同上,截取的子串就是’EFG’了。

总结

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们