整理时间格式

今天遇到一个问题

接口里请求到的数据是字符串，需要前端转成日期（周几）的格式

接口返回值 

startTime: "2021-04-15 00:00:00"

需要显示的效果

 

需要自己在methods里写方法来处理（这个方法不需要在mounted里调用）

//整理招聘会预定时间格式
timeTrans(timeStr) {
     let date = new Date(timeStr);
     let weeks = ["周日","周一","周二","周三","周四","周五","周六"];
     let month = date.getMonth()+1;
     let day = date.getDate();
     let week = weeks[date.getDay()];
     return month + "." + day + " (" + week +")";
},

 

getDay() 方法可返回一周（0~6）的某一天的数字。  

渲染数据的时候调用该方法

<div class="listline1" v-for='(item8,index) in jobfairList' :key='index'>
     <div class="listimgs1">
         {{timeTrans(item8.startTime)}}<span class="division"></span>
     </div>
     <div class="listtext1">
         {{item8.title}}
     </div>
</div>

接口

// 首页招聘会预定显示
jobFairRequest() {
    request_GET('/scene/recruiting/recruitInfo', {
          page: this.page,
          size: this.size
    }).then((res) => {
          if (res.data.code == 200) {
                this.jobfairList = res.data.data.recruitPage.content
          }
    })
},

也可以使用filter函数