SheetJS v0.10.2：如何让Excel识别日期列并启用日期筛选？

你遇到的问题核心是：仅设置单元格的日期显示格式（z: "dd/mm/yyyy"）只是改变了外观，单元格内容本质还是字符串，Excel只有识别到单元格是数值类型的日期（Excel的日期是基于1900年的天数数值），才会启用日期筛选功能。

解决步骤 #

需要分两步操作：先把文本日期转换为Excel认可的日期数值，再应用日期格式。

1. 转换文本日期为Excel日期数值

遍历第5列的所有数据单元格，将字符串格式的日期解析为日期对象，再转换成SheetJS对应的日期数值，并将单元格类型设为数字类型（t: 'n'）：

// 假设工作表对象为ws，数据从第2行开始（第1行是表头）
const lastRow = parseInt(ws['!ref'].split(':')[1].replace(/[A-Z]/g, ''));
for (let r = 1; r <= lastRow; r++) {
  const cellAddr = XLSX.utils.encode_cell({ c: 5, r: r });
  const cell = ws[cellAddr];
  
  // 只处理文本类型的单元格
  if (cell && cell.t === 's') {
    // 解析dd/mm/yyyy格式的文本日期
    const [day, month, year] = cell.v.split('/');
    const date = new Date(year, month - 1, day); // 月份是0-based，需减1
    
    // 验证日期有效性
    if (!isNaN(date.getTime())) {
      // 转换为Excel日期数值（SheetJS内置方法）
      cell.v = XLSX.utils.encode_date(date);
      // 设置单元格类型为数字（Excel日期本质是数字）
      cell.t = 'n';
    }
  }
}

2. 应用日期显示格式

保留你原来的格式设置代码，确保列显示为dd/mm/yyyy：

const range = {
  s: { c: 5, r: 1 }, // 起始单元格：第5列第1行（表头行）
  e: { c: 5, r: lastRow } // 结束单元格：第5列最后一行
};
XLSX.utils.sheet_set_range_style(ws, range, {
  z: "dd/mm/yyyy"
});

关键说明 #

• Excel的日期不是字符串，而是带日期格式的数值：数值代表从1900年1月1日开始的天数，格式只是控制显示样式。
• 如果你的文本日期格式不是dd/mm/yyyy，需要调整解析逻辑（比如mm/dd/yyyy要调换month和day的顺序）。

内容的提问来源于stack exchange，提问作者Harj