将Element UI的时间选择器（DatePicker）的Sat Jan 01 2022 00:00:00 GMT+0800 (中国标准时间)转化为XXXX-XX-XX的格式

飞熊 • 2023年8月4日下午5:54 • 后端笔记 • 阅读 269

将Sat Jan 01 2022 00:00:00 GMT+0800 (中国标准时间)转化为XXXX-XX-XX的格式

在使用element UI的时间选择器时，控制台输出的是Sat Jan 01 2022 00:00:00 GMT+0800 (中国标准时间)的格式，不管在查询还是添加到数据库我们使用的都是数据库中的date(xxxx-xx-xx)等格式。如何将上面的格式转化未所需要的格式呢？

获取标准时间的有用信息

获取有用信息的js代码感谢作者@不过一念间，内容如下：

let yy = new Date(Fri Jan 01 2020 00:00:00 GMT+0800).getFullYear();
let mm = new Date(Fri Jan 01 2020 00:00:00 GMT+0800).getMonth()+1;
let dd = new Date(Fri Jan 01 2020 00:00:00 GMT+0800).getDate();
let hh = new Date(Fri Jan 01 2020 00:00:00 GMT+0800).getHours();
let mf = new Date(Fri Jan 01 2020 00:00:00 GMT+0800).getMinutes();
let ss = new Date(Fri Jan 01 2020 00:00:00 GMT+0800).getSeconds();

上面的js代码是获取标准时间的年月日时分秒的单个值，将new部分后替换为element ui的v-model的值就可以了。

element ui的datepicker格式转化

<el-date-picker
      v-model="value1"
      type="date"
      placeholder="选择日期">
</el-date-picker>

上面的datepicker绑定一个value1的对象就是标准时间，当有多个绑定值时就是数组的类型了，通过下表就可以取出单个的标准时间。

如下所示：

 <el-date-picker
    v-model="value"
    type="daterange"
    start-placeholder="开始日期"
    end-placeholder="结束日期"
    :default-time="['00:00:00', '23:59:59']"
    style="margin-left: 50px">
</el-date-picker>

该事件格式为：

如果在控制台输出value是标准时间，对其进行转化：

console.log(this.value)
let yy = this.value[0].getFullYear();
let mm = this.value[0].getMonth()+1;
let dd = this.value[0].getDate();
console.log(yy+"-"+mm+"-"+dd);

let yy1 = this.value[1].getFullYear();
let mm1 = this.value[1].getMonth()+1;
let dd1 = this.value[1].getDate();
console.log(yy1+"-"+mm1+"-"+dd1);

//对比一下
//let yy = new Date(Fri Jan 01 2020 00:00:00 GMT+0800).getFullYear();
//let mm = new Date(Fri Jan 01 2020 00:00:00 GMT+0800).getMonth()+1;
//let dd = new Date(Fri Jan 01 2020 00:00:00 GMT+0800).getDate();