将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-pickerv-model="value1"type="date"placeholder="选择日期">
</el-date-picker>

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

如下所示：

 <el-date-pickerv-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();

得到需要的数据，虽然不是标准的xxxx-xx-xx但不影响对数据的操作。

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

vue:将Element UI的时间选择器（DatePicker）的Sat Jan 01 2022 00:00:00 GMT+0800 (中国标准时间)转化为XXXX-XX-XX的格式
const myGetTime = (time) => {let yy = time.getFullYear()let mm = time.getMonth() + 1let dd = time ...
关于 Thu Jun 13 2019 10:41:09 GMT+0800 (中国标准时间) 时间问题的解决
关于 Thu Jun 13 2019 10:41:09 GMT+0800 (中国标准时间) 上传后台 (spring boot)报错的问题的解决, 以element UI 中的时间插件为例如下图 ...
Sun Jan 05 2020 00:00:00 GMT 0800 (中国标准时间) 时间转换为 2020-01-05 08:00:00
转换yyyy-MM-dd HH:mm:ss( DateUtil) import java.text.SimpleDateFormat; import java.util.Date; import ja ...
格林威治时间转换成北京时间，Mon May 10 2021 15:34:42 GMT+0800 (中国标准时间) TO 2021/5/10
public class DateUtil {public final static String FORMAT_STRING = "yyyy-MM-dd HH:mm:ss";pu ...
格林时间：Thu May 18 2017 00:00:00 GMT+0800 (中国标准时间) 格式转换
类似Thu May 18 2017 00:00:00 GMT+0800 (中国标准时间)格式的时间转换成2017/05/18 或取其时分秒,方法如下: /** * @param datdString ...
java 中国标准时间_Sun Jan 05 2020 00:00:00 GMT 0800 (中国标准时间) 时间转换为 2020-01-05 08:00:00...
转换yyyy-MM-dd HH:mm:ss( DateUtil) import java.text.SimpleDateFormat; import java.util.Date; import ja ...
Element UI——日期时间选择器el-date-picker开始时间与结束时间约束解决方案
官方文档 https://element.eleme.cn/#/zh-CN/component/datetime-picker 问题分析 el-date-picker组件需要 :picker-opti ...
时间格式转换 Mon Aug 17 2020 16:29:29 GMT+0800 (中国标准时间)
留个记录,回头直接拿着用 // Mon Aug 17 2020 16:29:29 GMT+0800 (中国标准时间) 转年月日时分秒 function timeD(time) { let d ...
日期时间选择器 DatePicker
日期时间选择器 DatePicker 一款高颜值.多场景的日期时间选择器,提供自定义颜色/格式/文案等. 该插件采用scss编译,如遇到样式/层级问题可以到源码修改. 如果对您有帮助,可以评论或赞赏一 ...

将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的时间选择器（DatePicker）的Sat Jan 01 2022 00:00:00 GMT+0800 (中国标准时间)转化为XXXX-XX-XX的格式相关推荐

最新文章

热门文章