1.問題:日期格式會顯示數字
解決方法:XLSX.read的配置項里 設置 cellDates: 'd'
設置好后會顯示標准日期格式,配置項里有 dateNF是可以設置日期格式的,但是我還沒弄清,就手動處理了下
看紅色字體部分
2.問題:如果第一行數據的某一列是空值,這一列回不顯示
解決方法:
在XLSX.utils.sheet_to_json這個方法里添加配置項, 給空值添加一個默認值,如圖藍色字部分
// 通過DOM取文件數據 this.file = event.currentTarget.files[0]; var rABS = false; //是否將文件讀取為二進制字符串 var f = this.file; var reader = new FileReader(); FileReader.prototype.readAsBinaryString = function(f) { _this.excelDialogInfo.isShowExcelDialog = true; var binary = ""; var rABS = false; //是否將文件讀取為二進制字符串 var wb; //讀取完成的數據 var outdata; var reader = new FileReader(); reader.onload = function(e) { var bytes = new Uint8Array(reader.result); var length = bytes.byteLength; for(var i = 0; i < length; i++) { binary += String.fromCharCode(bytes[i]); } var XLSX = require('xlsx'); if(rABS) { wb = XLSX.read(btoa(fixdata(binary)), { //手動轉化 type: 'base64' }); } else { wb = XLSX.read(binary, { type: 'binary', cellDates: true });
for (const i in wb.Sheets[wb.SheetNames[0]]) {
if(wb.Sheets[wb.SheetNames[0]][i]['v'] !== null && wb.Sheets[wb.SheetNames[0]][i]['v'] !== undefined && wb.Sheets[wb.SheetNames[0]][i]['t'] == 'd'){
wb.Sheets[wb.SheetNames[0]][i]['v'] = _this.dateFormat(new Date(wb.Sheets[wb.SheetNames[0]][i]['w']), 'yyyy/MM/dd');
}
}
} outdata = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]], {
defval: ''
}
); //到這里就是獲取到數據了 // 下面時在文件中記錄數據 自行修改 if(outdata && outdata.length > 0){ let columns = []; console.log(outdata[0]); for(let key in outdata[0]){ columns.push({ field: key, }); } _this.excelDialogInfo.columns = columns; _this.excelDialogInfo.data = outdata; }else{ MessageBox.alert('所選表格數據為空,請重新選擇', '消息', {type: 'warning'}); } } reader.readAsArrayBuffer(f); } if(rABS) { reader.readAsArrayBuffer(f); } else { reader.readAsBinaryString(f); } })