xlsx插件處理日期格式,以及某列第一行無數據情況 列不顯示問題


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);
            }
        })

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM