当前位置: 首页 > news >正文

【已解决】关于 luckysheet 设置纯文本,解决日期格式回显错误的办法

目录

一、现象

二、分析

三、思考过程

五、解决

六、参考链接


一、现象

在excel里面输入内容,如 2023-2-17 12:00 保存后,传回后端的数据被转化成了 数值类型,这显然是一种困扰。

如图所示

二、分析

查阅了文档和一些博客发现

Luckysheet在存储数字类型的内容时,支持多种格式转换,所以需要保留原始值来做更多处理,比如同样一个数字1,设置成百分比格式就是"100%",设置成两位小数数字就是"1.00"

还有一个原因是日期和时间格式的内容原始值会存储为一个数字,默认情况下,Luckysheet把1900-1-1 0:00:00存储为1,把1900-1-1 0:00:00以后的每一个时刻存储为该时刻与1900-1-1 0:00:00这个时刻的差值(以天为单位)。比如44127就表示2020-10-23这一天。

三、思考过程

1、查明文档后我们知道,解决这个办法的方式就是将数据转化为"纯文本"。将每一个cell 进行设置

{m: r.value, // 设置显示值v: r.value, // 设置原始值// 设置为纯文本模式,避免设置日期 e.g. 2020-08-29时,编辑模式弹出个日期选择器ct: {//单元格值格式fa: "@", //格式名称为自动格式t: "s", //格式类型为数字类型},// tb: 2,   // 文本超出格子,自动换行。自动编辑模式撑开高度时,高度会变得很高}

2、一开始我的想法是利用 cellRenderBefore ,这个钩子去初始化所有单元格的格式。后来我惊人的发现,没有值的单元格是没有这个属性的,不知道咋说,反正就是折腾半天不好使,尤其是复制来的数据格式还会被覆盖 绝望

3、然后突然看到了上面的一个方法,是呢完全可以在更新数据后去转化格式呀,cellUpdated。于是开始辗转于此方法。然后一个新的想法诞生在我的脑子里,那就是... 完全可以最后【保存】的时候,对单元格里面的数据进行遍历,替换他们的原有格式!!!

五、解决

在保存的时候,利用 let excelData = window.luckysheet.flowdata();  获取当前sheet里面的所有数据。打印出来你会看到熟悉且充满希望的数据结构。ct!!!! 

 接下来就遍历替换就好了😎 so easy

 excelData.map((item) => {if (item) {item.map((ll) => {if (ll) {ll.m = ll.m, ll.v = ll.m, ll.ct = {fa: "@",t: "s",};}});}});

成功替换,数据回显成功! 🧩 记得 m 和 v 都用显示值。

六、参考链接

 单元格 | Luckysheet文档

http://www.lryc.cn/news/9892.html

相关文章:

  • Jackson
  • 字节软件测试岗:惨不忍睹的三面,幸好做足了准备,月薪19k,已拿offer
  • vue使用axios发送post请求携带json body参数,后端使用@RequestBody进行接收
  • 【python百炼成魔】python之列表详解
  • 如何学习 Web3
  • 大数据框架之Hadoop:MapReduce(一)MapReduce概述
  • 一文搞定python语法进阶
  • 2019蓝桥杯真题数列求值(填空题) C语言/C++
  • spring中@Autowire和@Resource的区别在哪里?
  • 算法训练营DAY54|583. 两个字符串的删除操作、72. 编辑距离
  • 【Ctfshow_Web】信息收集和爆破
  • 基于机器学习的推荐算法研究与实现
  • (二十四)ATP应用测试平台——springboot集成fastdfs上传与下载功能
  • linux好用命令+vs快捷键
  • Git 构建分布式版本控制系统
  • Day891.一主多从的切换正确性 -MySQL实战
  • 【论文笔记】图像修复Learning Joint Spatial-Temporal Transformations for Video Inpainting
  • 代码随想录算法训练营第二天 | 977.有序数组的平方 、209.长度最小的子数组 、59.螺旋矩阵II、总结
  • Python pickle模块:实现Python对象的持久化存储
  • 【C++】C/C++内存管理
  • 【测试】自动化测试02
  • Python空间分析| 02 利用Python计算空间局部自相关(LISA)
  • idea快捷编码:生成for循环、主函数、判空非空、生成单例方法、输出;自定义快捷表达式
  • 【Spring】@Value注入配置文件 application.yml 中的值失败怎么办
  • CleanMyMac清理工具软件功能优势介绍
  • 【面试题】对JS中的事件冒泡、事件捕获、事件委托的理解
  • SAP 理解合并会计报表
  • Ubuntu 命令常用命令——定时启动程序
  • 笔试题(十三):走迷宫
  • Gradle相关的知识学习