【vue解析Excel时日期格式引起的问题】日期自动加一天或者少一天

最新推荐文章于 2024-07-18 11:19:21 发布

思相见

最新推荐文章于 2024-07-18 11:19:21 发布

阅读量611

点赞数 2

文章标签： vue.js excel 前端

本文链接：https://blog.csdn.net/qq_44226361/article/details/134041225

版权

vue解析Excel时日期格式引起的问题

vue解析excel之后日期莫名奇妙少一天！

我用的依赖是：“xlsx”

import * as XLSX from "xlsx"

上传excel之后，我的【账单日期】这一列解析之后，日期莫名奇妙的少一天

比如 2023-10-02，解析之后会变成 2023-10-01

解决这个BUG的办法就是 excel表中的单元格格式！！！

一定要用文本格式。2023-10-02 用这种！！！一定要用 “ - ” 来做连接符！！！！

如下图所示👇 文本格式 文本格式 文本格式 重要的事情说三遍！！！

在这里插入图片描述
之前老蠢了😵，一开始我的解决办法是，vue解析的时候我给每个日期加一天。

天真的我以为这样就可以了，没问题了，然而，过了两天，客户给我说袁工，我日期多了一天又！

我天，然后又核查，发现确实有没问题了，我就把解析时候加一天的方法给注释了，后面又给我说少了一天。我的头直接炸了！

今天核查的时候发现两份文件，一个解析正确，一个解析错误。才发现原来是单元格格式的问题！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

思相见

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
【vue解析Excel时日期格式引起的问题】日期自动加一天或者少一天

vue解析excel之后日期莫名奇妙少一天！
复制链接

扫一扫

解决vue文件引入时间，后端数据库显示时间少一天

ly479488874的博客

08-24

1768

解决vue文件引入时间，后端数据库显示时间少一天少一天，是由于我们传入的时间是我们的当前的时间，但是当我们获取之后，我们获取的时间就是一个格林的时间，这就会造成，我们当前的时间从我们当前进行计算减少八小时，随后我们在后台数据库查看到的数据就是“当前时间减去八小时‘ 一般为 ”16:00“ 解决方法： ![在这里插入图片描述](https://img-blog.csdnimg.cn/fe8efd0d9484428496f8292102154bbd.png?x-oss-process=image/wa

关于通过前端xslx解析excel日期少一天原因

HuangZeJunXXX的博客

12-05

3033

关于通过前端xslx解析excel日期格式数据转化问题以及自定义时间格式YYYY-MM-DD转化 const workbook = XLSX.read(data, { type: “binary”, cellDates: true,//设为true，将天数的时间戳转为时间格式 } 定义一个转换日期格式的方法（转成日期格式：YYYY-MM-DD）注意的点：xlsx将excel中的时间内容解析后，会小一天如2020/11/3，xlsx会解析成 Mon Nov 02 2020 23:59:17 GMT+08

1 条评论您还未登录，请先登录后发表或查看评论

vue使用XLSX 读取excel日期格式的单元格问题

Dear小破的专栏

02-07

2317

最近要给一个vue项目，做一个excel模板导入功能，使用XLSX读取日期格式的单元格，解析出来总是一串数字，但是为规范模板填写的内容，必须对一些单元格进行日期格式设置。记录下来，给有需要的人！

前端XLSX解析Excel数据处理多种日期格式转换问题

pig_pig32的博客

06-20

425

Excel的时间和XlSX解析之后获取的时间会不一致。例如 2024/6/19 获取的时间为 Wed Jun 19 2024 23:59:17 GMT+0800，少了43秒，为了解决这个问题，需要特别处理一下。支持转换的时间格式 - 2019.07.09 - 2019/07/09 - 2019年07月09日 - 44642; // Excel 日期转换为"YYYY-MM-DD"或"YYYY-MM-DD 格式

VUE中xslx解析excel日期格式问题

Ls66666Ls的博客

06-06

597

配置的readerData方法中const workbook = XLSX.read(data, { type: ‘array’ })当excel上传日期时获取的为字符串，例如：excel文件中日期为2023/5/23，拿到的数据为45069在导入数据前对数据做yyyy-MM-dd处理。

在vue使用excel时候，日期问题

weixin_46002223的博客

10-04

786

关于日期问题

Vue js 当前日期多加一天

温柔雨哥的博客

08-10

1911

【代码】Vue js 当前日期多加一天。

vue excel导出之后时间格式不一样_ef+Npoi导出百万行excel之踩坑记

weixin_39961636的博客

12-11

584

导入excel时日期格式转换问题

weixin_44594300的博客

05-26

1949

formatDate(numb, format) { const time = new Date((numb - 1) * 24 * 3600000 + 1) time.setYear(time.getFullYear() - 70) const year = time.getFullYear() + '' const month = time.getMonth() + 1 + '' const date = time.getDate() - 1 + '' if (format &a

【VUE】解决vue中时间控件中获取时间少一天的问题汇总：

最新发布

stpzhf的博客

07-18

183

xlsx库读取excel中出现日期格式错乱的问题例如: 2024/7/18 转化为 45519

vue解析Excel时日期格式引起的问题

04-13

903

【代码】vue解析Excel时日期格式引起的问题。

vue 使用js XLSX读取 excel 转换日期格式

爱钻研的小码农的博客

04-22

2449

前言大家好！今天遇到了vue 使用js XLSX读取 excel 转换日期格式的问题，做个记录问题今天写excel文件上传时，遇到了时间格式没有正确转换的问题解决方式借用了项目中读取 excel内容的功能！出现使用的XLSX来解析excel,读取日期的时候是数字！！！ excel日期列设置的是时间格式，将excel此列设置单元格式为文本另外补充读取excel，日期格式需要加上 cellDates: true 参数 readExcel1 (files) { /

vue xlsx读取文件时,日期转换为了天数

qq_44871531的博客

03-14

582

【代码】vue xlsx读取文件时,日期显示转换。

JavaScript中用Date()对象获得时间

VirgoYellow 的专栏

05-02

1217

Date 对象的方法简介： ·Date 　｜　返回当日的日期和时间　　·getDate　　　　　｜　从 Date 对象返回一个月中的某一天 (1 ~ 31) 　　·getDay　　　　　｜　从 Date 对象返回一周中的某一天 (0 ~ 6) 　　·getFullYear　　　　｜　根据本地时间获取当

vue实现excel上传并显示数据

12-21

1645

在vue中实现excel上传并显示数据

选择日期保存后日期变成前一天（avue date）

Shiny0815的博客

07-16

1971

1、问题：选中日期，保存，日期变成前一天 { label: '生产日期', prop: 'esDate', type: 'date', }, 2、解决：（avue的官方文档） { label: '生产日期', prop: 'esDate', type: 'date', valueFormat: 'yyyy-MM-dd' }, 只需要加valueFormat.

vue3采用xlsx库实现上传excel文件，前端解析展示数据（日期转换问题解决）

weixin_42560947的博客

12-06

4820

vue3采用xlsx库实现上传excel文件，前端解析展示数据（日期转换问题解决）

vue日期加一天

05-30

你可以使用 JavaScript 的 Date 对象来实现 Vue 日期加一天的功能。具体的代码如下： ```javascript // 获取当前日期 let date = new Date() // 将日期加一天 date.setDate(date.getDate() + 1) // 将日期格式化为 yyyy-mm-dd 的字符串 let formattedDate = date.toISOString().split('T')[0] ``` 在 Vue 中，你可以将这段代码封装为一个方法，然后在需要的地方调用。例如： ```vue <template> <div> <p>当前日期：{{ currentDate }}</p> <button @click="addOneDay">日期加一天</button> <p>加一天后的日期：{{ newDate }}</p> </div> </template> <script> export default { data() { return { currentDate: '', newDate: '' } }, mounted() { this.currentDate = this.formatDate(new Date()) }, methods: { formatDate(date) { return date.toISOString().split('T')[0] }, addOneDay() { let date = new Date() date.setDate(date.getDate() + 1) this.newDate = this.formatDate(date) } } } </script> ``` 这样，当你点击按钮时，Vue 组件会调用 addOneDay 方法，将日期加一天，并将加一天后的日期显示在页面上。