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

将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>

该事件格式为:
将Element UI的时间选择器(DatePicker)的Sat Jan 01 2022 00:00:00 GMT+0800 (中国标准时间)转化为XXXX-XX-XX的格式_第1张图片
如果在控制台输出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();

在这里插入图片描述
得到需要的数据,虽然不是标准的xxxx-xx-xx但不影响对数据的操作。

你可能感兴趣的:(elementui,js,javascript)