小工具      在线工具  汉语词典  css  js  c++  java

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

elementui,js,javascript 额外说明

收录于:157天前

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

使用element UI的时间选择器时,控制台输出的格式为Sat Jan 01 2022 00:00:00 GMT+0800(中国标准时间)。无论我们是查询还是添加到数据库中,我们都使用数据库中的格式。日期(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代码是获取标准时间的年、月、日、时、分、秒的单个值。只需将新部分替换为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();

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

. . .

相关推荐

额外说明

在 Windows 上启动 Mycat 时出错:找不到主类 Files\mycatWin 或无法加载

问题缘由: 当我在测试使用mycat进行mysql数据库的读写分离测试时发现出现以下情况: 可以发现,使用cmd启动时报错了。 问题:会发现我将mycat的启动文件放到了C:\Program Files\mycat\bin该目录下,会发现名为Progra

额外说明

java性能优化总结

java性能优化总结 一. 如何如果定位性能慢的接口 skywalking简单介绍 在微服务架构中,一次请求往往涉及到多个模块,多个中间件,多台机器的相互协作才能完成。这一系列调用请求中,有些是串行的,有些是并行的,如何确定这个请求背后调用了哪些应用,哪

额外说明

实战篇:Oracle DataGuard 出现 GAP 修复完整步骤

前言 DG GAP 顾名思义就是:DG不同步,当备库不能接受到一个或多个主库的归档日志文件时候,就发生了 GAP。 那么,如果遇到GAP如何修复呢?且听我细细道来~ 一、介绍 DG GAP 主要分为以下两类情况: 1、主库归档日志存在,可以通过配置 Fe

额外说明

YOLOv4 文献翻译阅读及拓展阅读(附拓展文献下载链接)

先看看效果对比 YOLOv4 的运行速度是 EfficientDet 的两倍。使 YOLOv3 的 AP 和 FPS 分别提高 10 % 10\% 10% 和 12 % 12\% 12%,达到 43.5 % 43.5% 43.5% AP 和 65 65

额外说明

3-3-2 序列式容器之vector 容器迭代器

在《STL array随机访问迭代器》一节中,详细介绍了 array 容器迭代器,vector 容器迭代器和前者有很多相同之处。比如,vector 容器的迭代器也是随机访问迭代器,并且 vector 模板类提供的操作迭代器的成员函数也和 array 容器

额外说明

ch3_4 快乐数字 ch3_5 数组中的两数之和

1. 快乐数字 快乐数」定义为:对于一个正整数,每一次将该数替换为它每个位置上的数字的平方和,然后重复这个过程直到这个数变为 1,也可能是 无限循环 但始终变不到 1。如果 可以变为 1,那么这个数就是快乐数。 如果 n 是快乐数就返回 True ;不是

额外说明

【Python 随练】编写 gotoxy() 与 clrscr() 函数

题目: 编写 gotoxy() 与 clrscr() 函数 简介: 在本篇博客中,我们将解决一个编程问题:编写 gotoxy() 与 clrscr() 函数。gotoxy() 函数用于在终端屏幕上移动光标到指定位置,而 clrscr() 函数用于清除终端

额外说明

Angular开发(十三)-服务的基本认识及利用服务实现组件间的通信

服务本人简单的理解为传统的javascript中的方法或者封装好的插件,在angular中称为服务,哪个组件需要使用该服务就注入进去(类似传统的方法调用或者插件的使用) 常见服务的使用场景 1、多个组件中出现重复的代码时,把重复的代码提取到服务中实现代码

额外说明

定义js数组的几种方法

1.什么是数组? 数组是数据的集合 其表现形式是内存中的一段连续的内存地址。 数组名实际上是连续内存地址的首地址。 2.关于js中数组的特点 定义数组时无需指定数据类型 定义数组时不需要指定数组长度。 数组可以存储任何数据类型的数据(例如一个元素存储整数

ads via 小工具