处理从 Excel 单元格中读取到的日期格式的字段并转换为指定格式的日期字符串
发布于 12 天前 作者 webdashen 82 次浏览 来自 分享

我们有时候前端excel读取的事件是一个数字,不是时间戳也不是我们常见的格式,这里我们可以转换一下

在使用 js 做 Excel 文件读取时,我们发现对于日期的处理很棘手。主要存在以下几种情况:

所有的日期单元格读取到的是一个类似 44211.7533 的数字的问题 格式不规范问题,如 2021-1-1 0:0:00 按指定格式格式化的问题

/**
     * 处理从 Excel 单元格中读取到的日期格式的字段并转换为指定格式的日期字符串
     *
     * @param {string|number} date 从 Excel 单元格中读取到的日期格式
     * @param {string} fmt 要转换为的格式,默认 yyy-MM-dd HH:mm:ss
     */
    handleDate (date, fmt) {
      if (!date) {
        return date
      }
      date = date.trim ? date.trim() : date
      if (/^[\d.]+$/.test(date)) {
        const dateNum = parseFloat(date)
        // 大于 1000 万说明是一个毫秒数,直接解析并转换为指定格式即可
        if (dateNum > 10000000) {
          return this.formatDate(dateNum, fmt)
        }
        // 否则认为这个是一个 Excel 格式的日期
        date = this.formatExcelDate(dateNum, fmt)
        console.log(date, typeof (date), dateNum)
      } else {
        // 处理中文冒号,和 yyyy/MM/dd 格式的问题
        date = date.replace(/:/g, ':').replace(/\//g, '-')
      }
      // 将不规则的格式,例如 "2020-1-1     1:3:3" 转换成 yyyy-MM-dd HH:mm:ss
      // 再转为 Date 对象进行指定的格式化
      console.log(date)
      const dtPars = date.split(/\s+/g)
      const dPars = dtPars[0].split('-')
      dPars[1] = this.padding2(dPars[1])
      dPars[2] = this.padding2(dPars[2])
      dtPars[0] = dPars.join('-')
      if (!dtPars[1]) {
        dtPars[1] = '00:00:00'
      } else {
        const tPars = dtPars[1].split(':')
        tPars[0] = this.padding2(tPars[0])
        // 支持分缺失
        tPars[1] = this.padding2(tPars[1] || '00')
        // 支持秒缺失
        tPars[2] = this.padding2(tPars[2] || '00')
        dtPars[1] = tPars.join(':')
      }
      return this.formatDate(new Date(dtPars.join(' ')), fmt)
    },

    /**
     * 缺位补0
     */
    padding2 (part) {
      if (part.length === 1) {
        return '0' + part
      } else {
        return part
      }
    },

    /**
     * 解析Excel表达的日期数字,并转换为指定格式的日期字符串
     *
     * @param {number} numb Excel解析出的数字形式的日期
     * @param {string} format 要转换为的格式,默认 yyy-MM-dd HH:mm:ss
     */
    formatExcelDate (numb, format) {
      const time = new Date((numb - 2) * 24 * 3600000 + 1)
      time.setYear(time.getFullYear() - 70)
      time.setHours(time.getHours() - 8)
      return this.formatDate(time, format)
    },

    /**
     * 日期格式转换
     *
     * @param {date|number} date 日期
     * @param {string} fmt 要转换为的格式,默认 yyy-MM-dd HH:mm:ss
     */
    formatDate (date, fmt) {
      date = date === undefined ? new Date() : date
      date = typeof date === 'number' ? new Date(date) : date
      fmt = fmt || 'yyyy-MM-dd HH:mm:ss'
      const obj = {
        y: date.getFullYear(), // 年份,注意必须用getFullYear
        M: date.getMonth() + 1, // 月份,注意是从0-11
        d: date.getDate(), // 日期
        q: Math.floor((date.getMonth() + 3) / 3), // 季度
        w: date.getDay(), // 星期,注意是0-6
        H: date.getHours(), // 24小时制
        h: date.getHours() % 12 === 0 ? 12 : date.getHours() % 12, // 12小时制
        m: date.getMinutes(), // 分钟
        s: date.getSeconds(), // 秒
        S: date.getMilliseconds() // 毫秒
      }
      const week = ['天', '一', '二', '三', '四', '五', '六']
      for (const i in obj) {
        fmt = fmt.replace(new RegExp(i + '+', 'g'), function (m) {
          let val = obj[i] + ''
          if (i === 'w') return (m.length > 2 ? '星期' : '周') + week[val]
          for (let j = 0, len = val.length; j < m.length - len; j++) val = '0' + val
          return m.length === 1 ? val : val.substring(val.length - m.length)
        })
      }
      return fmt
    }

调用

this.taskDataList.forEach(item => {
        item.startDate = this.handleDate(item.startDate, 'yyyy-MM-dd HH:mm:ss')
        item.endDate = this.handleDate(item.endDate, 'yyyy-MM-dd HH:mm:ss')
})
回到顶部