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

ops/2024/10/15 18:26:01/

问题描述:开发过程中发现数据库存的字段值要比<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/ops/126055.html

相关文章

如何删除Maven

1.找到Maven安装路径 方法一&#xff1a; 可以直接在文件资源管理器里面选中“此电脑”然后右上角搜“apache-maven”&#xff0c;这个过程可能长达几分钟甚至更久 方法二&#xff1a; 这里推荐一个名叫“Everything”的软件&#xff0c;能够快速的查找到需要的文件 2.找到本…

刷题训练之多源 BFS

> 作者&#xff1a;დ旧言~ > 座右铭&#xff1a;松树千年终是朽&#xff0c;槿花一日自为荣。 > 目标&#xff1a;熟练掌握多源 BFS算法。 > 毒鸡汤&#xff1a;学习&#xff0c;学习&#xff0c;再学习 ! 学&#xff0c;然后知不足。 > 专栏选自&#xff1a;刷…

JVM篇(学习预热 - JVM正式展开 - (实战课程学习总结 - 开课吧))(持续更新迭代)

目录 感觉也看了这么多&#xff0c;说一些乱七八糟的内容&#xff0c;完全没有实质的收获&#xff0c;那么现在让我们正式来预热下JVM 吧&#xff1f; 一、程序的执行方式 二、为什么使用 JVM 三、字节码和机器码的区别 四、JDK、JRE与JVM的关系 五、OracleJDK和OpenJDK …

《上海理工大学学报》

《上海理工大学学报》是由上海理工大学主办的自然科学综合性学术期刊&#xff0c;主要报道光电信息与计算机科学、能源与动力工程、系统科学与复杂性科学、机械与材料科学、生物医学等学科的学术研究和科研实践成果。 一、来稿要求 1. 作者投稿时请下载论文著作权协议&#xf…

羲和数据集清洗器003

项目说明 项目名称 羲和数据集清洗器003 项目描述 这是一个基于 Python 的图形用户界面 (GUI) 应用程序,用于检查和修复 .jsonl 文件中的数据格式错误。该工具可以自动修复常见的 JSON 格式错误,并将数据转换为规定的格式。它还提供日志记录功能,记录检查过程中发现的错误信…

EF Core 中避免 SQL 注入的三种写法

SQL 注入攻击可能会对我们的应用程序产生严重影响&#xff0c;导致敏感数据泄露、未经授权的访问和应用程序受损。EF Core 提供了三种内置机制来防止 SQL 注入攻击。 1、利用 LINQ 查询语法和参数化查询&#xff0c;这是比较推荐的做法。 await using var context new Postg…

生产及质量BI应用场景方案(可编辑37页PPT)

荐言分享&#xff1a;随着全球化的深入发展&#xff0c;制造业面临的竞争日益激烈。为了在市场中脱颖而出&#xff0c;企业需要不断提升自身的生产效率、降低成本&#xff0c;同时保证产品质量。现代消费者的需求日益多样化&#xff0c;对产品的个性化、定制化和品质要求越来越…

抖音小游戏画图位置移动

文章目录 画图移动图形位置 画图 const canvas tt.createCanvas(); const context canvas.getContext(2d);context.width 500; context.height 500;let isPressing false; // 是否按下 let startX 0; let startY 0;context.fillStyle "#f00"; context.fillR…