vue的excel导入 时间日期格式处理

1.可以在utils中封装一个处理函数,提高复用性

// 把excel文件中的日期格式的内容转回成标准时间
export function formatExcelDate(numb, format = '/') {
  const time = new Date((numb - 25567) * 24 * 3600000 - 5 * 60 * 1000 - 43 * 1000 - 24 * 3600000 - 8 * 3600000)
  time.setYear(time.getFullYear())
  const year = time.getFullYear() + ''
  const month = time.getMonth() + 1 + ''
  const date = time.getDate() + ''
  if (format && format.length === 1) {
    return year + format + month + format + date
  }
  return year + (month < 10 ? '0' + month : month) + (date < 10 ? '0' + date : date)
}

2.然后直接调用函数传递时间参数即可

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Vue 中实现 Excel 导入处理 Excel 中的时间,可以使用 js-xlsx 库来处理 Excel 文件的读取和解析,然后使用 Moment.js 库对时间进行格式化和处理。 首先,安装所需的依赖: ```bash npm install xlsx moment --save ``` 然后,在你需要处理 Excel 导入的组件中,引入 js-xlsx 和 Moment.js: ```javascript import XLSX from 'xlsx'; import moment from 'moment'; ``` 接下来,编写一个方法来处理导入Excel 文件。假设你有一个按钮点击事件来触发导入操作,可以在该事件中调用以下方法: ```javascript // 处理导入Excel 文件 handleExcelImport(event) { const file = event.target.files[0]; // 读取 Excel 文件 const reader = new FileReader(); reader.onload = (e) => { const data = new Uint8Array(e.target.result); const workbook = XLSX.read(data, { type: 'array' }); // 获取第一个 Sheet const sheetName = workbook.SheetNames[0]; const worksheet = workbook.Sheets[sheetName]; // 将 Excel 数据转换为 JSON const jsonData = XLSX.utils.sheet_to_json(worksheet, { header: 1 }); // 处理日期格式 const formattedData = jsonData.map(row => { return row.map(cell => { // 如果单元格内容是日期格式,则进行格式化 if (moment(cell, moment.ISO_8601, true).isValid()) { return moment(cell).format('YYYY-MM-DD'); // 根据需求进行日期格式化 } return cell; }); }); // 在控制台输出处理后的数据 console.log(formattedData); }; reader.readAsArrayBuffer(file); } ``` 在上面的代码中,我们首先使用 FileReader 对象读取 Excel 文件,并将其转换为 Uint8Array 格式。然后,使用 js-xlsx 的 `XLSX.read` 方法解析 Excel 数据,并获取第一个 Sheet。接下来,使用 `XLSX.utils.sheet_to_json` 将 Sheet 数据转换为 JSON 格式。 然后,我们对日期格式的单元格进行处理。使用 Moment.js 对日期进行格式化,你可以根据需求自定义日期格式。 最后,我们将处理后的数据输出到控制台进行验证。你可以根据实际需求将数据保存到 Vuex 状态管理或发送到后端进行进一步处理。 最后,在模板中添加一个文件选择器和按钮来触发导入操作: ```html <template> <div> <input type="file" @change="handleExcelImport" accept=".xlsx, .xls"> <button @click="handleExcelImport">导入Excel</button> </div> </template> ``` 这样,当用户选择 Excel 文件并点击导入按钮时,就会触发 `handleExcelImport` 方法,进行 Excel 导入时间处理的操作。 希望对你有所帮助!如有任何问题,请随时提问。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值