Vue format for {{}} time type data

vue formats the time format data in {{}}

 <div class="info-item">起止时间：
 <span style="font-size:10px">
 {{formatDateTime(activeProject.startTime)}}--{{activeProject.endTime}}
 </span></div>

js method

formatDateTime (activeProject) {
        let time = new Date(Date.parse(this.activeProject.startTime));
        time.setTime(time.setHours(time.getHours() + 8));

        // alert(time);
        // if (!isNaN(time)) {
        //     return new Date(Date.parse(date.replace(/-/g, "/")));
        // } else {
        let Y = time.getFullYear() + '-';
        let M = this.addZero(time.getMonth() + 1) + '-';
        let D = this.addZero(time.getDate()) + ' ';
        let h = this.addZero(time.getHours()) + ':';
        let m = this.addZero(time.getMinutes()) + ':';
        let s = this.addZero(time.getSeconds());
        return Y + M + D + h + m + S;
        // }
      },
      // 数字补0操作
      addZero(num) {
        return num < 10 ? '0' + num : num;
      },

activeProject is an object, if you can directly take it out and use it directly

result: