前端Vue知识点

1. vue.runtime.esm.js:619 [Vue warn]: Error in v-on handler: "TypeError: date.getFullYear is not a function"

在使用 date.getFullYear() 之前忘记添加一句

date = new Date(date)

然后就可以继续了

Vue格式化时间：

//格式化日期
function formateDate(date) {
    var date = new Date(date);
    var y = date.getFullYear();
    var m = date.getMonth() + 1;
    var d = date.getDate();
    var h = date.getHours();
    var mi = date.getMinutes();
    m = m > 9 ? m : '0' + m;
    alert("y:"+y+"m:"+m+"d:"+d+"h:"+h+"mi:"+mi);
    return y + '-' + m + '-' + d + ' ' + h + ':' + mi;
}

2. 日期时间选择器，时间格式：Tue Aug 04 2020 08:00:00 GMT+0800 (中国标准时间)（传到后端显示为UTC的时间）

在Network的请求数据中显示为2020-08-04T00:00:00.000Z

然后后端传来的北京时间，显示在日期时间选择器上为2020-08-04 00:00:00，如果不打开直接提交，数据亦为北京时间。通过new Date(time)将time转换为带有时区的时间：Sun Jun 28 2020 14:51:19 GMT+0800 (中国标准时间)，后端接受到亦为正确的UTC时间，-8小时。

3. element的时间选择器可以使用value-format来格式化最终提交的数据。