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

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

elementui,js,javascript 额外说明

收录于:112天前

将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但不影响对数据的操作。

. . .

相关推荐

额外说明

深度学习学习笔记——模型修改与CRUD

目录 1.打印模型,理解模型结构 2.模型保存与加载 3.模型的模块CRUD和模块的层的CRUD 1.打印模型,理解模型结构 import torch class MyModel(torch.nn.Module): def __init__(

额外说明

python实例100第3例

题目:一个整数,它加上100后是一个完全平方数,再加上168又是一个完全平方数,请问该数是多少? 程序分析: 假设该数为 x。 1、则:x + 100 = n2, x + 100 + 168 = m2 2、计算等式:m2 - n2 = (m + n)(m

额外说明

Mybatis模糊查询——三种定义参数方法和聚合查询、主键回填

目录 相关导读 一、使用#定义参数 1. 持久层接口添加根据名字内容模糊查询方法

额外说明

Unity中 UI Shader的基本功能

文章目录 前言 一、实现思路 1、暴露一个 2D 类型的属性来接受UI的纹理 2、设置shader的层级为TransParent半透明渲染层级,一般UI都是在这个渲染层级 3、更改混合模式,是 UI 使用的纹理,该透明的地方透明 二、代码实现 前言 Un

额外说明

【Unity 实用工具篇】✨ | 编辑器扩展插件 Odin Inspector,进阶功能学习

前言 【Unity 实用工具篇】✨ | 编辑器扩展插件 Odin,进阶功能学习 一、Odin Attributes Overview 特性篇 1.1 提示信息 1.1.1 Title、InfoBox 1.1.2 DetailedInfoBox 1.2 各

额外说明

FineCMS-v5.0.1漏洞审计

FineCMS漏洞审计 一.漏洞复现 1.文件上传 上传php一句话(改成png或者jpg),上传后把png改回php.这里上传图片在将一句话16进制编码加进去,后改文件类型也可以。 他这里文件保存路径其实是根据用户的uid来的,抓包可以看到uid. 直

额外说明

【Java 进阶篇】JDBC 登录案例详解

在本文中,我们将通过一个简单的 JDBC 登录案例来详细介绍如何使用 Java 数据库连接(JDBC)来连接数据库、进行用户身份验证等操作。这个案例将适用于数据库初学者,我们将从头开始构建一个简单的登录系统。 什么是 JDBC? JDBC 是 Java

额外说明

Selenium的一些技巧与错误处理

        关于Selenium大家都比较熟悉了,是一个非常不错的自动化工具,用处非常大,好处就不多说了,对于这个不是很熟悉的伙伴们,可以先阅读它的基础用法: Selenium 自动测试软件的使用(自动化操作)https://blog.csdn.ne

额外说明

在 Java、Python、JavaScript 和 Go 中拥抱异步

本文讨论了四种语言的异步性,强调了它在创建高效、响应式应用程序中的作用。 作为一名拥有多年主要使用 Java 工作经验的软件开发人员,当我最近转而使用 Python 来完成一个新项目时,我发现自己很感兴趣。这种转变促使我探索各种语言的异步编程世界,包括

额外说明

在WordPress中发布内容后如何添加签名或广告

您想在 WordPress 中的博客文章内容后添加签名或广告吗?默认情况下,WordPress 没有提供在发布内容后显示签名或广告的简单方法。在本文中,我们将向您展示如何在 WordPress 中发布内容后轻松添加签名广告。 您想在 WordPress

ads via 小工具