使用js-xlsx纯前端导出excel(完成数据格式原样输出)

本篇文章是在前人的基础上加以修改完成的,遇到的问题是使用网上案例后导出的excel文件日期格式直接变成2012/1/13格式样式,前端页面表格的格式为2012-01-13 08:24:23.333的数据,我也不知道为什么导出后直接变成这样?(可能大概是因为js-xlsx导出的时候默认是这样~没有去查看js-xlsx官方文档,有点小复杂!)
1.解决过程,仅提供一种思路,有些情况没试过,不知道可不可以采用这种方法(😑)
在网上看到有导出身份证号码变成科学计数的形式的解决案例,但试了一下我的情况不太符合。我的原始代码是采用这篇文章的传送门~,写的还是比较详细的。关键代码:

  function btn_export() {
        var table1 = document.querySelector("#table1");
        var sheet = XLSX.utils.table_to_sheet(table1);//将一个table对象转换成一个sheet对象
        openDownloadDialog(sheet2blob(sheet),'下载.xlsx');
    }

使用的是table_to_sheet将table对象转换成一个sheet对象,我的解决思路:先将table转换成json数据格式后再进行转换成sheet对象,这样带着试试的态度我开始了我的学习之路~
我是利用后台传过来的json数据在前端绘制成table的,所以我直接对后台传过来的这个json数据进行操作(对于想直接对前端table操作可以参考网上的tabletojson插件,可以实现将table转换成json数据)。我的代码如下,只是将table_to_sheet换成json_to_sheet,其中data是json数据。

//实现导出的功能
$("#download").on('click',function () {
   //将一个table对象转换成一个sheet对象
   var sheet = XLSX.utils.json_to_sheet(data);
   openDownloadDialog(sheet2blob(sheet),'date.xlsx');
});

2.最终效果(完成了日期原样显示):
在这里插入图片描述
3.特别感谢这篇文章的代码让我实现了前端table下载,
参考文章:使用js-xlsx纯前端导出excel

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值