vue针对{{}}内的时间格式数据进行格式化
<div class="info-item">起止时间:
<span style="font-size:10px">
{{formatDateTime(activeProject.startTime)}}--{{activeProject.endTime}}
</span></div>
js方法
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是个对象,如果你是时间能直接取出来直接用就好
结果: