vue前端使用的js-xlsx来解析excel,读取日期的时候是数字

最新推荐文章于 2023-09-23 16:38:19 发布

思想越界~

最新推荐文章于 2023-09-23 16:38:19 发布

阅读量2.4k

点赞数 2

文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/weixin_44961532/article/details/125643286

版权

解决

读取excel，日期格式需要加上 cellDates: true 参数， el-table-column 需要显示的时候也要格式化;

readExcel1 (files) {
  if (files.length <= 0) {
    return false
  } else if (!/\.(xls|xlsx)$/.test(files[0].name.toLowerCase())) {
    this.$Message.error('上传格式不正确，请上传xls或者xlsx格式')
    return false
  }

  const fileReader = new FileReader()
  fileReader.onload = (ev) => {
    try {
      const data = ev.target.result
      const workbook = XLSX.read(data, {
        type: 'binary',
        cellDates: true
      })
      const wsname = workbook.SheetNames[0]// 取第一张表
      const ws = XLSX.utils.sheet_to_json(workbook.Sheets[wsname])// 生成json表格内容
      this.list = ws
    } catch (e) {
      return false
    }
  }
  fileReader.readAsBinaryString(files[0])
}

在elemnet table中显示时要加上formatter 处理时间格式

<el-table-column :formatter="dateFormat" align="center" label="日期" prop="日期" ></el>

dateFormat: function (row, column) {
      var date = row[column.property]
      if (date === undefined) {
        return ''
      }
      return moment(date).format('YYYY-MM-DD')