el-date-picker绑定数据显示比数据库少一天问题解决记录

devtools/2024/10/16 0:11:25/

问题描述:开发过程中发现数据库存的字段值要比<el-date-picker>绑定的值大一天,说明:数据库为mysql,字段类型为date类型

经过查阅资料,得知问题是因为时区不同步导致的。数据库存储的是UTC时间,而el-date-picker显示的是本地时间。如果数据库服务器和你的应用服务器的时区不一致,或者你直接从数据库取出来的UTC时间显示在了本地时区的el-date-picker中,就会发现日期少了一天。

解决方案:
1.后台实体类修改:

@JsonFormat(pattern = "yyyy-MM-dd",timezone = "GMT+8")
private Date date;

2.前端js修改:

// 假设从数据库中取出的UTC时间为utcDate
// 转换为本地时间
const localDate = new Date(utcDate.getTime() + utcDate.getTimezoneOffset() * 60000);// 然后在el-date-picker中使用这个本地时间
<el-date-picker v-model="localDate"></el-date-picker>

http://www.ppmy.cn/devtools/126432.html

相关文章

【鱼类识别】Python+卷积神经网络算法+人工智能+深度学习+计算机毕设项目+Django网页界面+TensorFlow

一、介绍 鱼类识别系统。使用Python作为主要编程语言开发&#xff0c;通过收集常见的30种鱼类&#xff08;‘墨鱼’, ‘多宝鱼’, ‘带鱼’, ‘石斑鱼’, ‘秋刀鱼’, ‘章鱼’, ‘红鱼’, ‘罗非鱼’, ‘胖头鱼’, ‘草鱼’, ‘银鱼’, ‘青鱼’, ‘马头鱼’, ‘鱿鱼’, ‘鲇…

一篇文章带你快速了解linux中关于信号的核心内容

1. 信号概念 信号是操作系统用来通知进程某个特定事件已经发生的一种方式。它们是一种软件中断&#xff0c;可以被发送到进程以对其进行异步通知。 2. 信号处理的三种方式 执行默认动作执行自定义动作忽略 signal() 函数&#xff1a;将信号处理设置为 SIG_IGN&#xff0c;可…

MySQL 数据库备份与恢复的全面指南

目录 MySQL 数据库备份与恢复的全面指南1. 引言2. MySQL 数据库基础3. 备份策略4. MySQL 备份工具5. 使用 mysqldump 进行备份6. 使用 MySQL Enterprise Backup7. 使用 Percona XtraBackup 进行备份8. 数据库恢复过程9. 数据完整性验证10. 备份与恢复最佳实践11. 结论 详细内容…

Java入门:11.抽象类,接口,instanceof,类关系,克隆

1 JDK中的包 JDK JRE 开发工具集&#xff08;javac.exe&#xff09; JRE JVM java类库 JVM java 虚拟机 jdk中自带了许多的包&#xff08;类&#xff09; &#xff0c; 常用的有 java.lang 该包中的类&#xff0c;不需要引用&#xff0c;可以直接使用。 例如&#xff1…

【AAOS】Android Automotive 14模拟器源码下载及编译

源码下载 repo init -u https://android.googlesource.com/platform/manifest -b android-14.0.0_r20 repo sync -c --no-tags --no-clone-bundle 源码编译 source build/envsetup.sh lunch sdk_car_x86_64-trunk_staging-eng make -j8 运行效果 emualtor Home All apps …

盒子模型:文档流

1、文档流的概念 HTML网页默认的元素摆放机制 &#xff08;1&#xff09;块元素的文档流&#xff08;自上而下流水线摆放&#xff09; 代码如下&#xff1a; <head><style>div{width: 100px;height: 100px;background-color: gray;border: 2px solid red;}<…

【jQuery】jQuery基本操作(样式操作 内容操作 节点操作 属性操作 节点遍历)

文章目录 1、样式操作2、内容操作2-1 html()2-2 text()2-3 val() 3、节点操作3-1 创建3-2 插入3-3 删除3-4 替换3-5 复制 4、属性操作5、节点遍历6、DOM操作 DOM 操作分为三类&#xff1a; ​ DOM Core&#xff1a;任何一种支持DOM的编程语言都可以使用它&#xff0c;如getElem…

Python自动化脚本裁剪图片为1:1比例

一、创建输入文件夹&#xff08;in&#xff09;和输出文件夹&#xff08;out&#xff09;&#xff0c;将原始图片放在输入文件夹&#xff08;in&#xff09;里 二、 安装对应的Python库 pip install Pillow 三、编写自动化脚本代码 import os from PIL import Imagedef crop…