解析上传的Excel文件以及对Excel里面的日期格式做处理

最新推荐文章于 2024-06-20 15:53:17 发布

clqxmt

最新推荐文章于 2024-06-20 15:53:17 发布

阅读量606

点赞数

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_43755513/article/details/108770326

版权

本文介绍了如何解析上传的Excel文件，并重点讲解了当Excel中包含自定义日期格式时，如何将解析出的数字转换为日期的方法。

摘要由CSDN通过智能技术生成

解析上传的Excel文件

<template>
  <div>
    <input ref="excel-upload-input" class="excel-upload-input" type="file" accept=".xlsx, .xls" @change="handleClick">
    <div class="drop" @drop="handleDrop" @dragover="handleDragover" @dragenter="handleDragover">
      将文件拖动到这里或点击
      <el-button :loading="loading" style="margin-left:16px;" size="mini" type="primary" @click="handleUpload">上传</el-button>
    </div>
  </div>
</template>

<script>
import XLSX from 'xlsx'

export default {
   
  props: {
   
    beforeUpload: Function, // eslint-disable-line
    onSuccess: Function// eslint-disable-line
  },
  data() {
   
    return {
   
      loading: false,

      excelData: {
   
        header: null,
        results: null,
        rawFile: null
      }
    }
  },
  methods: {
   
    generateData({
    header, results }) {
   
      this.excelData.header = header
      this.excelData.results = results
      this.onSuccess && this.onSuccess(this.excelData)
    },
    handleDrop(e) {
   
      e.stopPropagation()
      e.preventDefault()
      if (this.loading) return
      const files = e.dataTransfer.files
      if (files.length !== 1) {
   
        this.$message.error('Only support uploading one file!')
        return
      }
      const rawFile = files[0] // only use files[0]