前端读取excel 文件,excel内容展示在页面上,用户确认无误后再上传至后端,使用的XLSX来解析excel,读取日期的时候是数字。
//安装:
npm install xlsx;//https://www.npmjs.com/package/xlsx
//使用:
import XLSX from "xlsx";
var xhr = new XMLHttpRequest();
xhr.open("get", "http://****/file?url=http://***/***.xlsx");
xhr.responseType = "arraybuffer";
xhr.onload = (e)=> {
if (xhr.status === 200) {
var data = new Uint8Array(xhr.response);
//cellDates为true转化出来的日期会出现多一天,所以用下面的转换函数
var workbook = XLSX.read(data, { type: "array",cellDates: false});
var sheetNames = workbook.SheetNames; // 工作表名称集合["阿里云", "腾讯云", "华为云", "金山云", "百度云", "云码A", "云码B"]
var worksheet = workbook.Sheets[sheetNames[0]];//名称1:阿里云
var tableDataJson = XLSX.utils.sheet_to_json(worksheet);//将excel的数据转成JSON数据
}
};
xhr.send();
excel数据解析出阿里云JSON数据如下:(tableDataJson)
[
{
"账号ID": "136阿里云",
"订单号": 136,
"关联类型": "新建",
"订单类型": "新购",
"支付时间": 44358,//在excel设置的日期是:2021/6/11
"订单金额": 1,
"收益": 1,
"无收益原因": "阿里云"
},
{
"账号ID": "136阿里云",
"订单号": 1366,
"关联类型": "新建",
"订单类型": "新购",
"支付时间": 44358.25,//在excel设置的日期是:2021/6/11 6:00:00
"订单金额": 1,
"收益": 1
},
{
"账号ID": "136阿里云",
"订单号": 13660,
"关联类型": "新建",
"订单类型": "新购",
"支付时间": 44358.685,//在excel设置的日期是:2021/6/11 16:26:24
"订单金额": 1,
"收益": 1
},
{
"账号ID": "136阿里云",
"订单号": 136607,
"关联类型": "新建",
"订单类型": "新购",
"支付时间": 44358.9999884259,//在excel设置的日期是:2021/6/11 23:59:59
"订单金额": 1,
"收益": 1
}
]
1623308155(1).jpg
//将excel的日期格式转成Date()对象;
function getFormatDate_XLSX(serial) {
var utc_days = Math.floor(serial - 25569);
var utc_value = utc_days * 86400;
var date_info = new Date(utc_value * 1000);
var fractional_day = serial - Math.floor(serial) + 0.0000001;
var total_seconds = Math.floor(86400 * fractional_day);
var seconds = total_seconds % 60;
total_seconds -= seconds;
var hours = Math.floor(total_seconds / (60 * 60));
var minutes = Math.floor(total_seconds / 60) % 60;
var d = new Date(date_info.getFullYear(), date_info.getMonth(), date_info.getDate(), hours, minutes, seconds);
/*//得到Date()对象后,便可进行日期格式化了!
var add0 = (m) => m < 10 ? '0' + m : m;
var d = getFormatDate_XLSX(44358.9999884259);
var YYYY = d.getFullYear();
var MM = add0(d.getMonth() + 1);
var DD = add0(d.getDate());
var hh = add0(d.getHours());
var mm = add0(d.getMinutes());
var ss = add0(d.getSeconds());
return `${YYYY}-${MM}-${DD} ${hh}:${mm}:${ss}`;
*/
return d;
}
//将excel的【支付时间】转成Date()对象
console.log(getFormatDate_XLSX(44358));//输出是【Fri Jun 11 2021 00:00:00 GMT+0800 (中国标准时间)】
console.log(getFormatDate_XLSX(44358.25));//输出是【Fri Jun 11 2021 06:00:00 GMT+0800 (中国标准时间)】
console.log(getFormatDate_XLSX(44358.685));//输出是【Fri Jun 11 2021 16:26:24 GMT+0800 (中国标准时间)】
console.log(getFormatDate_XLSX(44358.9999884259));//输出是【Fri Jun 11 2021 23:59:59 GMT+0800 (中国标准时间)】