【vue】转换时间格式

一般来说， new Date() 创建的时间，其格式不是我们想要的那种时间格式，所以需要修改为我们需要的时间格式。这里的方法是将 new Date() 出来的时间转换为所需时间格式的字符串。

举个例子，

let date = new Date();  // Mon Oct 11 2021 08:39:50 GMT+0800 (中国标准时间)
let afterDate = this.formateDate(date);  // 2021-10-11 08:39:50

转换方法

时间转字符串的方法如下：

// 格式化日期
formateDate(date) {
    let year = date.getFullYear();
    let month = (date.getMonth() + 1).toString().padStart(2, '0');  // 月要+1
    let day = date.getDate().toString().padStart(2, '0');  // 获取天是getDate，而不是 getDay
    let hour = date.getHours().toString().padStart(2, '0');
    let minute = date.getMinutes().toString().padStart(2, '0');
    let second = date.getSeconds().toString().padStart(2, '0');
    let createTime = year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second;
    return createTime;
}

注：padStart() 和 padEnd() 两种方法。

这两种方法是快速补齐的方法，padStart() 是在前面补位， padEnd() 是在后面补位。

padStart(2, '0') ：整个字符串长度为2，如果不够2位，则在前面补0。