Tue Nov 24 2020 00:00:00 GMT 0800 (中国标准时间)变成yyyy-MM-dd格式

最新推荐文章于 2024-02-29 14:18:01 发布
原创 最新推荐文章于 2024-02-29 14:18:01 发布 · 4.5k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #java

本文介绍了在Element UI中如何设置日期选择器和时间选择器的显示格式，特别是如何将获取的日期时间数据转换为'yyyy-MM-dd'格式。通过在<el-date-picker>组件中添加value-format属性，可以轻松实现所需格式。同时，文章还展示了相关代码段，帮助开发者理解并应用到自己的项目中。
部署运行你感兴趣的模型镜像

element中日期选择器获取各式为yyyy-MM-dd

<el-col :span="11">
  <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker>
</el-col>
<el-col class="line" :span="2">-</el-col>
<el-col :span="11">
  <el-time-picker placeholder="选择时间" v-model="form.date2" style="width: 100%;"></el-time-picker>
</el-col>
从该方法得到的前端数据为：Tue Nov 24 2020 00:00:00 GMT 0800 (中国标准时间) 要想得到yyyy-MM-dd的格式，可在 < el-date-picker>中加入 value-format="yyyy-MM-dd" 即可得到想要的格式。

在这里插入图片描述

您可能感兴趣的与本文相关的镜像

ACE-Step

ACE-Step

音乐合成
ACE-Step

ACE-Step是由中国团队阶跃星辰（StepFun）与ACE Studio联手打造的开源音乐生成模型。 它拥有3.5B参数量，支持快速高质量生成、强可控性和易于拓展的特点。 最厉害的是，它可以生成多种语言的歌曲，包括但不限于中文、英文、日文等19种语言

权是
关注
【Vue】使用moent转换GMT时间格式为北京时间
weixin_43840640的博客
12-12 1327
与此不同，UTC是在1972年引入的，并且是基于原子钟的时间测量，它的计算更加精确。GMT最初是在1884年确定的，它是以英国伦敦的格林威治天文台的时间为基准。因此，在夏令时期间，GMT与当地时间会有一个小时的差异。总结来说，GMT是一个固定的时区偏移标准，而UTC是一个基于原子钟的更精确的时间标准。GMT（Greenwich Mean Time）和UTC（Coordinated Universal Time）是两个时间标准，它们在许多方面非常相似，但也有一些微小的差异。
前端将Sun Jul 09 2023 06:02:07 GMT+0800（中国标准时间）时间格式转换为yyyy-mm-dd HH:mm:ss以及时间戳等
m0_50298323的博客
07-17 473
前端将Sun Jul 09 2023 06:02:07 GMT+0800（中国标准时间）时间格式转换为yyyy-mm-dd HH:mm:ss以及时间戳等
前端Vue中将中国标准时间转为yyyy-MM-dd
LoKk11的博客
09-16 1651
前端Vue中将中国标准时间转为yyyy-MM-dd
将日期的符串(Tue Mar 26 10:26:08 CST 2019 )转换为字符串日期(yyyy-MM-dd HH:mm:ss)
Samurai77的博客
03-26 6098
public static String zoneToLocalTimeStr(String dateString) throws ParseException { SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM-dd'T'HH:mm:ss.SSS Z"); SimpleDateF...
Sun Dec 25 2022 00:00:00 GMT+0800 (中国标准时间)转为yyyy-mm-dd 格式
weixin_42594419的博客
12-27 746
"Sun Dec 25 2022 00:00:00 GMT 0800 (中国标准时间)" 转为 "yyyy-mm-dd" 格式后为 "2022-12-25"。 请注意，在 "yyyy-mm-dd" 格式中，"yyyy" 表示 4 位数的年份，"mm" 表示 2 位数的月份，"dd" 表示 2 位数的日期。 ...
将中国标准时间转化为yyyy-MM-dd
localhost_1314的博客
12-04 3244
// 将Thu May 12 2016 08:00:00 GMT+0800 (中国标准时间)转化为yyyy-MM-dd parseTime (str) { if ((str + '').indexOf('-') != -1) { str = str.replace(new RegExp(/-/gm), '/') } let d = new Date(str) let newDateYe...
vue3 实现日期格式化
小废物
12-12 2990
【代码】vue3 实现日期格式化。
Java中对中国标准时间进行格式化（yyyy-MM-dd HH:mm:ss）两种方法
小码的博客
12-06 6602
Java中国标准时间进行格式化的两种方法，如下 package time; import java.text.ParseException; import java.text.SimpleDateFormat; import java.util.Locale; import java.util.regex.Pattern; public class FormatTransformation { public static void main(String[] args) throws ParseExc
[JS]Tue Feb 01 2022 000000 GMT+0800 (中国标准时间) 日期格式化
编程不良人
03-06 3457
Tue Feb 01 2022 00:00:00 GMT+0800 (中国标准时间) 转化为 yyyy/MM/dd HH:mm:ss <script> /*获取当前年月*/ var now = new Date(); //当前日期 var nowMonth = now.getMonth(); //当前月 var nowYear = now.getFullYear(); //当前年 //下月的开始日期 var monthStartDate = new Date(nowYear, nowMon
Wed Jan 04 2023 00:00:00 GMT+0800 (中国标准时间) js中转为 yyyy-mm-dd hh:mm:ss格式
weixin_35751194的博客
01-14 2324
在 JavaScript 中可以使用 Date 对象转换日期格式。可以使用 getFullYear()，getMonth()，getDate()，getHours()，getMinutes()，getSeconds() 方法获取相应的年月日时分秒。 下面是一个将 Wed Jan 04 2023 00:00:00 GMT 0800 (中国标准时间) 转换为 "yyyy-mm-dd hh:mm:ss"...
关于时间格式转换
weixin_43996061的博客
08-08 198
UTC时间转本地时间: this.$moment.utc(Time).local().format('YYYY-MM-DD HH:mm:ss')
Tue Feb 23 2021 00:00:00 GMT+0800 (中国标准时间)时间格式转换
热门推荐
Cool_so_cool的博客
02-25 1万+
element-ui上的日历，当你选择的时候，人家会帮你转好格式放在框里，在日历上有一个change事件，点击的时候，会输出控制台里面的那些日期，这个时候，你要是想在别的地方用，就要给那个时间格式转换一下了，下面是转换的代码 let date = new Date(dateData) let y = date.getFullYear() let m = date.getMonth() + 1 m = m < 10 ? ('0' + m) : m .
Mon Jan 02 2023 00:00:00 GMT+0800 (中国标准时间) vue中转为yyyy-mm-dd格式 不使用toISOString()...
weixin_42601134的博客
01-03 1445
好的，在 Vue 中转换日期格式为 yyyy-mm-dd 不使用 toISOString() 的方法是： constdate = new Date('Mon Jan 02 2023 00:00:00 GMT 0800 (中国标准时间)'); const year = date.getFullYear(); const month = ('0' + (date.getMonth() + 1)).sl...
Date相关日期格式转换
Isonion的博客
02-29 1158
将20240229000000这种格式的日期转换为Thu Feb 29 00:00:00 CST 2024格式。二、将Thu Feb 29 00:00:00 CST 2024转化为20240229000000格式。一、接收Date并转为响应的日期格式。
微信小程序中的基础错误总结
施小墨学习历程
02-16 2044
1、微信小程序 GMT+0800 (中国标准时间) WXSS 文件编译错误 请尝试在控制台输入openVendor() ，清除里面的wcsc wcsc.exe 然后重启工具 2、小程序报错pages/xxx/xxx.json 文件解析错误 SyntaxError: Unexpected end of JSON input TypeError:Cannot read property’file’o...
java Tue Aug 21 2018 00:00:00 GMT+0800 (中国标准时间) 00:00:00 时间格式转换
两只橙的博客
01-07 1万+
package com.meizu.mdsp.web.util; import java.text.SimpleDateFormat; import java.util.Date; import java.util.Locale; import java.util.regex.Pattern; /** * @author liangzhicheng * @version V1.0 */ ...
【AI视野·今日CV 计算机视觉论文速览 第159期】Tue, 24 Sep 2019
TomRen
09-25 2660
AI视野·今日CV 第159期视觉论文速览 --- 基于点特征与边特征交互的点云分析 --- 更宽的组卷积特征网络 --- 场景重光照 --- 无解码器的图像任务方法 --- 场景人体合成
js Tue Feb 26 2019 00:00:00 GMT+0800 (中国标准时间)转yyyy-mm-dd
weixin_34187862的博客
03-26 3218
function checkTime(i){ if(i<10){ i='0'+i } return i } var time='Tue Feb 26 2019 00:00:00 GMT+0800 (中国标准时间)' var date; date= new Date(time) var dateTime = date.getFullYear()+'-'+checkTime(date.getMo...
Tue Nov 25 2025 10:08:32 GMT+0800 (中国标准时间)要格式化呀
最新发布
11-26
你传入的日期是 JavaScript 的 `Date` 对象字符串形式： ``` Tue Nov 25 2025 10:08:32 GMT+0800 (中国标准时间) ``` 你想对它进行 **格式化输出**，比如变成： ``` 2025-11-25 10:08:32 ``` --- ### ✅ 解决方案（Vue 2 示例） #### ✅ 1. 使用过滤器（Filter） ```javascript filters: { formatDate(date, fmt = 'yyyy-MM-dd HH:mm:ss') { if (!date) return ''; const dt = new Date(date); const o = { 'M+': dt.getMonth() + 1, 'd+': dt.getDate(), 'H+': dt.getHours(), 'm+': dt.getMinutes(), 's+': dt.getSeconds(), 'q+': Math.floor((dt.getMonth() + 3) / 3), 'S': dt.getMilliseconds() }; for (const k in o) { if (new RegExp('(' + k + ')').test(fmt)) { fmt = fmt.replace(RegExp.$1, ('0000' + o[k]).substr(('' + o[k]).length)); } } return fmt; } } ``` #### ✅ 模板中使用： ```html <span>{{ 'Tue Nov 25 2025 10:08:32 GMT+0800 (中国标准时间)' | formatDate }}</span> <!-- 输出：2025-11-25 10:08:32 --> ``` --- ### ✅ 解决方案（Vue 3 + Composition API 或 Setup） #### ✅ 2. 使用 `dayjs`（推荐） ```bash npm install dayjs ``` #### 在组件中使用： ```js import dayjs from 'dayjs'; export default { setup() { const dateStr = 'Tue Nov 25 2025 10:08:32 GMT+0800 (中国标准时间)'; const formattedDate = dayjs(dateStr).format('YYYY-MM-DD HH:mm:ss'); return { formattedDate }; } } ``` #### 模板中： ```html <span>{{ formattedDate }}</span> <!-- 输出：2025-11-25 10:08:32 --> ``` --- ### ✅ 常见格式说明： | 格式 | 含义 | |------|------| | `yyyy` | 年 | | `MM` | 月 | | `dd` | 日 | | `HH` | 小时（24小时制） | | `mm` | 分钟 | | `ss` | 秒 | | `SSS` | 毫秒 | --- ### ✅ 总结 | 方法 | 适用场景 | 特点 | |------|----------|------| | `filter` + `Date` | Vue 2 项目 | 不依赖第三方库 | | `dayjs` | Vue 2 / Vue 3 项目 | 简洁、功能强大、链式调用 | | `moment.js` | 老项目 | 功能强大但体积大，不推荐新项目使用 | ---
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值